<html>
<head>
  <title>Div example</title>
</head>
<body>

<style type="text/css"> 
  table.shadow { 
    align: center;
  }

  td.shadow-top { 
    height: 5px;  
    background-image: url("../download/css/top.gif");
  }

  td.shadow-topright { 
    width: 5px;
    height: 5px;
    background-image: url("../download/css/topright.gif");
  }

  td.shadow-right { 
    width: 5px; 
    background-image: url("../download/css/right.gif");
  }

  td.shadow-bottomright { 
    width: 5px; 
    height: 5px; 
    background-image: url("../download/css/bottomright.gif");
  } 

  td.shadow-bottom { 
    height: 5px;
    background-image: url("../download/css/bottom.gif");
  }

  td.shadow-bottomleft { 
    width: 5px;
    height: 5px;
    background-image: url("../download/css/bottomleft.gif");
  } 

  td.shadow-left { 
    width: 5px;
    background-image: url("../download/css/left.gif");
  }

  td.shadow-topleft { 
    width: 5px; 
    height: 5px; 
    background-image: url("../download/css/topleft.gif");
  }      

  td.shadow-center { 
    background-color: white;
  }
  
  td.shadow-space {
    width: 20px;
  }
  
  .shadow-container {
    width: 200px;
  }
  
  .shadow-largecontainer {
    width: 200px;
  }  
</style>

<table summary="" class="shadow" border="0" cellspacing="0" cellpadding="0" align="center">  
<tr>
    <td class="shadow-topleft"></td>
    <td class="shadow-top"></td>
    <td class="shadow-topright"></td>
    <td class="shadow-space" rowspan="3"></td>
    <td class="shadow-topleft"></td>
    <td class="shadow-top"></td>
    <td class="shadow-topright"></td>
</tr>
<tr>
    <td class="shadow-left"></td>
    <td class="shadow-center">
      <div class="shadow-largecontainer">
        Affecta cognitionis discere doceat laudandis maximi meam omnibus 
        reliqui sensuum sum tradere universas.
        <br /><br />
        <ul>
           <li>Fames hominem maiorum meliore secumque.</li>
           <li>Dapibus nominata poena religionis.</li>
           <li>Causam depravata praesentibus veritus.</li>
        </ul>
      </div>     
    </td>
    <td class="shadow-right"></td> 
    <td class="shadow-left"></td>
    <td class="shadow-center">
      <div class="shadow-container">
        Debet falli familiaritatem hortensio minim, quamque rectas sensibus theseo. 
      </div>    
    </td>
    <td class="shadow-right"></td> 
</tr>
<tr>
    <td class="shadow-bottomleft"></td>
    <td class="shadow-bottom"></td>
    <td class="shadow-bottomright"></td>
    <td class="shadow-bottomleft"></td>
    <td class="shadow-bottom"></td>
    <td class="shadow-bottomright"></td>
</tr>
</table>

</body>
</html>