[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