|
|
Posted by Ben C on 11/03/06 07:38
On 2006-11-03, Ed Seedhouse <eseedhouse@shaw.ca> wrote:
> On Thu, 02 Nov 2006 16:13:56 -0600, Ben C <spamspam@spam.eggs> wrote:
>
>>On 2006-11-02, Doug <dmly.usa@gmail.com> wrote:
>>> Hi all,
>>> I would like to display the list horizontally. I've learned that the li
>>> style need to be inline.
>>> I have the code as follow but it doesn't work.
>>> Thank you for helping
>>
>>Make li float: left and display: block.
>
>>You can also make it float: left and display: inline, the effect is the
>>same. But I think display: block makes more sense.
>
> The CSS standard requires that any floated element is given
> display:block; no matter what your CSS says.
Not exactly, if it's display: list-item, it stays as display: list-item.
But if it's display: inline, that's commuted to display: block.
That's why I think display: block is more logical to use with a floated
list-item. Setting either has the effect of getting rid of the bullets.
The clearest solution is to leave it display: list-item and set
list-style-type: none. But that may not work in IE.
Navigation:
[Reply to this message]
|