<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
  table { border-spacing: 0; padding: 0; border: none; }
  td { border: none; padding: 0; width: 1.2em; height: 1.2em; }
</style>
<body>
  <p>The left and right cells in each row of the following table should be the <em>same</em> color.</p>

  <table>
    <tr><td style="background: #ee9922">&nbsp;</td><td style="background: #ee9922">&nbsp;</td></tr>
    <tr><td style="background: #ffbb00">&nbsp;</td><td style="background: #ffbb00">&nbsp;</td></tr>
    <tr><td style="background: #338811">&nbsp;</td><td style="background: #338811">&nbsp;</td></tr>
  </table>

  <p>The left and right cells in each row of the following table should be slightly <em>different</em> colors.  The right side should be slightly darker than the left.</p>

  <table>
    <tr><td style="background: #ee9922">&nbsp;</td><td style="background: #e09020">&nbsp;</td></tr>
    <tr><td style="background: #ffbb00">&nbsp;</td><td style="background: #f0b000">&nbsp;</td></tr>
    <tr><td style="background: #338811">&nbsp;</td><td style="background: #308010">&nbsp;</td></tr>
  </table>
</body>
