Making horizontal boxes

[steveeshair]

---

System: The following 2 messages were cut out of thread at: http://www.webmasterworld.com/html/4510047.htm [webmasterworld.com] by bill - 3:09 pm on Nov 8, 2012 (jst +9)

---

I want to have 3 boxes aligned horizontal with css.

Do I have to make a float left and float right box first, and in one of the floats put again a floatleft and float right?

Or,

is it possible to have 3 divs aligned in such way that they are aligned next to each other?

A tip or start is helpful :-)

[lucy24]

Doing it with floats is one way: left, right and default. Another way is to make three divs set to {display: inline-block} with a specified width, and pack all three inside a single bigger block.

The widths have to add up to less than 100% even if you've ruthlessly cut out all margins, padding and borders. Don't ask me why; I just know what doesn't work.

Make sure you think about what will happen if the viewport isn't wide enough to hold all three of your boxes with their content.