text out of div?

[ronbizter]

I have a div which is 350 width and 200 height.
I have putted text inside which i want in 2 collums like this:

TEXT TEXT
TEXT TEXT
TEXT TEXT
TEXT TEXT

But instead it coming out of the div box like this:
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT

What can i do with it?
this is the code of css :

#menu1 {
background: url(‘images/graydot.jpg’) repeat;
direction:rtl;
width:350px;
height:200px;
border: solid 1px;
position:absolute;
left:20px;
top:20px;
}

[TheDoc]

Two have columns like that with just CSS, you’ll need to do some workarounds.

http://www.css3.info/preview/multi-column-layout/

Make sure to note cross-browser differences!

[richtestani]

Set the width of your box to accomodate 2 words (or whatever they are).
A better way is to use 2 UL and float them inside a wrapping div or UL.
I assume this is a navigation menu you are building since your id is named menu

div.wrap -

ul.list1 -

li item 1

li item 2



ul.list2

li item 1

li item 2

[Author]

Posts