shopping_cart.html

<html>
  <head>
    <style type="text/css">
    body {
            font-family: Helvetica;
    }
    .item {
            background-color: lightgrey;
    }
    .itemTotal {
            font-weight: bold;
            text-align: center;
    }
    .item td {
            padding: 0 2ex 0 2ex;
    }
    .total {
            background-color: black;
            color: white;
            font-weight: bold;
    }
    .totalLabel {
            text-align: center;
    }
    .totalAmount {
            text-align: center;
    }
    </style>
  </head>
  <body>
    <h1>Your Order</h1>

    <form>
      <table border="0">
        <tr class="item">
          <td>Widgets</td>
          <td>$25.00</td>
          <td>
            <select> <option>1</option> </select>
          </td>
          <td class="itemTotal">$25.00</td>
        </tr>
        <tr class="item">
          <td>Foobars</td>
          <td>$16.00</td>
          <td> <select> <option>3</option> </select> </td>
          <td class="itemTotal">$48.00</td>
        </tr>
        <tr class="item">
          <td>Veems</td>
          <td>$3.00</td>
          <td> <select> <option>9</option> </select> </td>
          <td class="itemTotal">$27.00</td>
        </tr>
        <tr class="total">
          <td class="totalLabel" colspan="3">Total</td>
          <td class="totalAmount">$100.00</td>
        </tr>
      </table>
    </form>

  </body>
</html>