W3C home > Mailing lists > Public > whatwg@whatwg.org > February 2009

[whatwg] List Headers

From: Ian Hickson <ian@hixie.ch>
Date: Wed, 4 Feb 2009 21:04:23 +0000 (UTC)
Message-ID: <Pine.LNX.4.62.0902042103030.952@hixie.dreamhostps.com>
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.   `._.-(,_..'--(,_..'`-.;.'
Received on Wednesday, 4 February 2009 13:04:23 UTC

This archive was generated by hypermail 2.4.0 : Wednesday, 22 January 2020 16:59:09 UTC