Re: rows with display:table

Manuel Strehl:
> Concerning display:table-...: I've got a <ul> with, say, 20 <li>s
> and I want it to be displayed as a 4 x 5 table.
> 
> ul :nth-child( 4n ) :before { display:table-row }
> 
> would that work (...)? 

No. Further assuming

   ul {display: table}
   li {display: table-cell}

that would yield something like this:

   ul table
     anonymous table-row
        li table-cell
        li table-cell
        li table-cell
        li table-cell
          anonymous table
            ::before table-row
        ... (five times)


You might get close to what you want with

   ul {width: 100%;}
   li {width: 25%; float: left; display: block; margin: 0; padding: 0;}

Received on Friday, 29 July 2005 10:23:01 UTC