Test 84 - Layout table with one level of nesting

<div class="wrapper">
   <table id="id1" class="container" border="1">
      <tbody>
      <tr>
         <td>
            This is a layout table with one level of nesting.
         </td>
         <td>
            Tables should only be used to display data in rows and columns.
         </td>
      </tr>
      <tr>
         <td>
            CSS should be used for visual layout.
         </td>
         <td>
         <table border="1">
         <tbody>
         <tr>
            <td>
              CSS properties to use for equivalent layout:
            </td>
            <td>
               <ul>
                  <li>float</li>
                  <li>clear</li>
                  <li>width</li>
                  <li>margin</li>
                  <li>border</li>
                  <li>padding</li>
               </ul>
            </td>
         </tr>
         </tbody>
         </table>
         </td>
      </tr>
   </tbody>
   </table>
</div>

div.wrapper {
    margin: 20px;
    padding: 10px;
    overflow: visible;
    background-color: #faf7f0;
    border: 1px solid #880000;
    -webkit-border-radius: 10px; /* Safari and Chrome rounded corners */
    -moz-border-radius: 10px; /* Firefox rounded corners */
    border-radius: 10px; /* Opera rounded corners */
}
table.container {
   border: 1px solid black;
   background-color: #fff;
   border-collapse: collapse;
}
table.container td {
   padding: 5px 10px;
   width: 8em;
}
</style>