W3C home > Mailing lists > Public > www-style@w3.org > February 2003

Re: inline display of list-item?

From: Tantek Çelik <tantek@cs.stanford.edu>
Date: Fri, 21 Feb 2003 17:54:54 -0800
To: Kang Jeong-Hee <Keizi@mail.co.kr>, <www-style@w3.org>
CC: <w3ckr-req@w3c.or.kr>
Message-ID: <BA7C1842.21742%tantek@cs.stanford.edu>

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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:19 GMT