Me explico mejor. Tengo el siguiente CSS:
Código CSS:
Ver original#main {}
#main img {float:left;margin-right:10px;}
En el HTML sería algo así:
Código HTML:
<div id="main">
<p><img src="foto.jpg" />Texto a la derecha de la imagen.</p>
<table width="100%" border="1">
<tr>
<td><img src="imagen1.gif" /></td>
<td><img src="imagen2.gif" /></td>
</tr>
<tr>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
</table>
</div>
¿Cómo hago para que las imágenes que están dentro de la tabla me queden centradas? O sea, quiero que ignore la clase #main, pero no puedo cerrar el div antes de crear la tabla.
Si se entiende lo que explico, agradezco vuestra ayuda.