Posted by Adrienne Boswell on 01/31/06 03:59

Gazing into my crystal ball I observed bbcrock@gmail.com writing in
news:1138658859.708222.302660@g49g2000cwa.googlegroups.com:

> I have several items in a UL/LI relationship. These items are nested
> inside a div. I want to make the items display horizontal based on CSS
> relationships only (not resorting to html tables). I read that the way
> to do this is to use
>
> display: inline;
>
> but It's not changing the way the items display at all. Can anyone
> point me to a really good description of this tag, another tag that
> would move the LI items to a horizontal display or good ways to debug
> CSS?
>
> thanks!
>
> Don
>
>

css:
ul li
{
/*adding padding and border so the text does not run together visually*/
display: inline;
padding-left:1em;
padding-right:1em;
border-right:1px solid #c0c0c0;
}

html:
<ul>
<li>a</li>
<li>b</li>
<li style="border:0">c has no border</li>
</ul>


--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

• Next in forum: Re: where to find website colour templates?
• Prev in forum: Re: .CSS style sheets, font question
• Thread view: Re: Cascading Style Sheets (CSS) question- LI items in horizontal display

[Reply to this message]