Re: inline display of list-item?

On 2/21/03 3:02 PM, "Kang Jeong-Hee" <Keizi@mail.co.kr> wrote:

> 
> display property define list-item as an 'inline box inside of block box';
> e.g.
> a. ...
> b. ...
> c. ...
> 
> but we often write this type of list items;
> a. ... and b. ..., c. ...
> and I think CSS spec does not support that.
> 
> what about this?

What about this indeed.

There is one way to mimic this behavior AFAIK (without relying on :before
{content:counters...} hackery), and it only really "works" on relatively
"short" list items (if you have big list items they probably shouldn't all
be in inline anyway).

However, it can be done using *only* CSS1:

li {
  display:list-item;
  float:left; 
  white-space:nowrap;
  list-style-position:inside;
} 

Here is an example of such inline-like list items in a document:

 http://tantek.com/log/2002/12.html#blog20021216t2238comments
 
Note however that some UAs have problems with floated list items, in that
they don't draw the markers for example.

Tantek

Received on Friday, 21 February 2003 20:42:24 UTC