HTML The best way to align fields in tables?

[K]

Hi i have made some tables with data in,

and i was wondering the best way/ code i should be using to automatically align them up

http://murraysofclevedon.co.uk/sardinia.html

or should i just use <br>'s?


any help/ links / codes is much appreciated

thanks K.

[Jake Arkinstall]

Mods please move to design.

Don't use <br />s for design alignment - use CSS margins.

[AutisticCuckoo]

Instead of a single row with an unordered list in each column, you should mark this up as a proper table with one row per wine. For example,

<table>
  <caption>Red Wine</caption>
  <thead>
    <tr>
      <th>Wine</th>
      <th>Size</th>
      <th>£ Unit</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Grotta Rossa Carignano Del Sulcis 2005 Santadi</td>
      <td>75 cl</td>
      <td>9.90</td>
    </tr>
    <tr>
      <td>Rocca Rubia Carignano Del Sulcis Riserva 2003 Santadi</td>
      <td>75 cl</td>
      <td>18.50</td>
    </tr>
    <tr>
      <td>Terre Brune 2002 Santadi</td>
      <td>75 cl</td>
      <td>40.00</td>
    </tr>
    <tr>
      <td>Montessu Isola Del Nuraghi 2005 Agricola Punica</td>
      <td>75 cl</td>
      <td>30.00</td>
    </tr>
    <tr>
      <td>Barrua 2003 Agricola Punica</td>
      <td>75 cl</td>
      <td>?</td>
    </tr>
  </tbody>
</table>

Then use CSS to format the table and the cell contents.