Menù in tabella da trasformare in div+css

[brutusin]

salve a tutti ho un menù costituito da tante righe di una tabella
le voci delle sottocategorie devono essere leggermente rientrate rispetto alle voci che identificano la categoria
vorrei ovviamente evitare di usare il tag P
ma non so come si possa fare

<td align="left">
<p style="margin-left: 4px; margin-top: 0; margin-bottom: 0">

<font color="#CC0000" face="Verdana" style="font-size: 11px">Categoria</font>
</td>
</tr>

<tr>
<td align="left">
<p style="margin-left: 6px; margin-top: 0; margin-bottom: 0">
<font style="font-size: 11px" face="Verdana" color="#CC0000">SottoCategoria</font></td>
</tr>

[pugia]

www.constile.org/template/menu_verticali/

[ricman]

Originariamente inviato da brutusin
<td align="left">
<p style="margin-left: 4px; margin-top: 0; margin-bottom: 0">

<font color="#CC0000" face="Verdana" style="font-size: 11px">Categoria</font>
</td>
</tr>

Ti faccio un esempio di quello che hai scritto tu. Poi applicalo e leggiti il link che ti è stato passato:
HTML:

<tr>
  <td>Cataegoria</td>
</tr> 

E il relativo css diventa:

td {
  text-align: left;
  font-weight: bold;
  color:#CC0000;
  font-family: Verdana;
  font-size: 11px;
} 

Ciao