List elements on one line

[chlori]

Hello

I have a list like this:

<ul>
<li>one </li>
<li>two </li>
<li>three </li>
</ul>

By default the list looks like this (with bullets):

one
two
three

Can I (with CSS) change it to be on one line? Like this:

one two three

I don't want to change the HTML if possible because I'm
using the same list for a side menu and a horizontal
menu (with SSI)

Thanks for your help
chlori

 

[brucie]

in post: <

Hello
g'day

<ul>
<li>one </li>
<li>two </li>
<li>three </li>
</ul>

By default the list looks like this (with bullets):

one
two
three

Can I (with CSS) change it to be on one line? Like this:

one two three

li{display:inline;}

http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop

 

[Karl Groves]

Hello

I have a list like this:

<ul>
<li>one </li>
<li>two </li>
<li>three </li>
</ul>

By default the list looks like this (with bullets):

one
two
three

Can I (with CSS) change it to be on one line? Like this:

one two three

I don't want to change the HTML if possible because I'm
using the same list for a side menu and a horizontal
menu (with SSI)

Thanks for your help
chlori

Yes. You'd use CSS 'display: inline;' on the UL and then style the LI's as
appropriate for your needs.

-Karl

 

[Whitecrest]

I have a list like this:
Can I (with CSS) change it to be on one line? Like this:

http://css.maxdesign.com.au/listamatic/index.htm

 

[chlori]

brucie schrieb am 12.04.2004 13:05:

li{display:inline;}

http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop

thanks!

chlori