1. Header
    Back to the artilce
    1. Section 1
    2. Section 2
      <style type="text/css">
      /* hard reset */
      * {margin:0;padding:0;}
      /* to center the layout in IE 5 */
      body {text-align:center;}
      /* to reset the text-alignment, remove bullets on the LIs (IE Mac, Safari) and center the main container in good browsers */
      #wp {
        text-align:left;
        width: 55em;
        margin:0 auto;
        list-style:none;
      }
      /* we treat the LI that contains the UL with the three colums as a table */
      #bd {display:table;}
      #doc {display:table-row;}
      #s1,#s2,#s3 {display:table-cell;}
      /* for IE */
      #s1,#s2,#s3,{
        display:inline;
        zoom:1;
        vertical-align:top;
      }
      /* for all */
      #s1 {width:12em;}
      #s2 {width:29em;}
      #s3 {width:14em;}
      /* for Mac */
      /*\*//*/ 
      #s1,#s2,#s3 {
        display:inline-block;
        float:left;
      }
      #ft {clear:left;}
      /**/
      /* borders for "good" browsers */
      #hd {border-bottom:1px dotted #555;}
      #s1 {border-right:1px dotted #555;}
      #s3 {border-left:1px dotted #555;}
      #ft {border-top:1px dotted #555;}
      /* in IE, borders on "s1" and "s3" would make a column drop */
      #s1,#s3 {*border:0;}
      </style>
      <!--[if lt IE 5.5000]>
      <style type="text/css"> /* to avoid column #3 to drop in IE lt 5.5 */ #s1 {width:11.9em;} </style> <![endif]-->
    3. Section 3
  2. Footer