How do I style a horizontal <ul> list

  • Thread starter Thread starter rafi
  • Start date Start date
R

rafi

How do I style a horizontal <ul> list in IE6 using CSS?

Instead of:

o Item1
o Item2
o Item3

I would like to have:

Item1 | Item2 | Item3

Thanks.
 
rafi said:
How do I style a horizontal <ul> list in IE6 using CSS?

Instead of:

o Item1
o Item2
o Item3

I would like to have:

Item1 | Item2 | Item3

Thanks.
Click to expand...

At least two options:

Put each item in a <div> and use the CSS float property
http://home.tampabay.rr.com/bmerkey/cheatsheet.htm. Look for "float" and
"clear" in the "Box Properties (Cont)" section. You should be able to
create a horizontal row containing multiple <div> boxes.

Use a row of data cells in a HTML table (<table> , <tr> table row, <td>
"table data" cell). See http://www.html-reference.com/ . Like the <div>
tag you can use EITHER CSS or HTML properties to give each block
characteristics like centered text, a graphical background, a solid
color background or no borders. With CSS you can even have borders
between the cells in a row without having borders at the top and/or
bottom of the row (for <td> OR <div>).
 
Back
Top