Exemple

Exemple de style appliqué à un gabarit utilisant des blocs (ici le style est intégré au code HTML) :

<style>
  body {
    margin:9px 9px 0 9x;
    padding:0;}
  #level0 {
    background:#FC0;}
  #level1 {
    margin-left:143px;
    padding-left:9px;
    background:#FFF;}
  #level2 {
    background:#FFF3AC;
    <span class="note">position:relative;span>}
  #level3 {
    margin-right:143px;
    padding-right:9px;
    background:#FFF;}
  #main {
    background:#CCC}
  #topBar{
    background:#FC0;}
  #advBar{
    background:#FFF3AC;}
  #tipDay{
    float:right;
    width:175px;
    background:#FFF3AC;}
  #lftBar {
    position:absolute;
    width:143px;
    top:9px;
    left:9px;}
  #rgtBar {
    position:absolute;
    width:143px;
    top:0;
    right:0;}
</style>

...

<body>
  

    This is the left navigation ...
  </div>
  

    <div id="level1">
      <div id="topBar">
        This is the top navigation bar.
        <div id="advBar">
          This is the advertisement bar.
        </div>
      </div>
      <div id="level2">
        

          This is the right navigation...
        </div>
        <div id="level3">
          <div id="main">
            

              This is the "Tip of the day"...
            </div>
            The code you are reading.
          </div>
        
        <span class="note">"rgtBar" could go here using the same stylespan>
      </div>
    </div>
  </div>
</body>