[whatwg] List Headers
Ian Hickson
ian at hixie.ch
Wed Feb 4 13:04:23 PST 2009
On Wed, 4 Feb 2009, Garrett Smith wrote:
>
> Example:-
>
> <!DOCTYPE HTML>
> <html lang="en">
> <head>
> <title>list header</title>
> </head>
> <body>
> <h1>Ingredients</h1>
> <ol style="list-style-type: iroha">
> <lh>Dry:</lh>
> <li>1c flour</li>
> <li>1/4c sugar</li>
> <li>1tsp baking soda</li>
> <lh>Wet:</lh>
> <li>1 egg </li>
> <li>1/2c milk</li>
> <li>1tsp vanilla extract</li>
> </ol>
> </body>
> </html>
Just use two lists in a <dl>:
<dl>
<dt>Dry:</dt>
<dd>
<ul>
<li>1c flour</li>
<li>1/4c sugar</li>
<li>1tsp baking soda</li>
</ul>
</dd>
<dt>Wet:</dt>
<dd>
<ul>
<li>1 egg </li>
<li>1/2c milk</li>
<li>1tsp vanilla extract</li>
</ul>
</dd>
</dl>
--
Ian Hickson U+1047E )\._.,--....,'``. fL
http://ln.hixie.ch/ U+263A /, _.. \ _\ ;`._ ,.
Things that are impossible just take longer. `._.-(,_..'--(,_..'`-.;.'
More information about the whatwg
mailing list