<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>