En HTML, quiero mostrar una tabla pequeña como parte de un párrafo. Una forma de hacerlo es la siguiente:Cómo puedo hacer una tabla HTML en línea
<table>
<tr>
<td>
Before
<table style="display:inline;"><tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr> </table>
After
</td>
</tr>
</table>
que produce este diseño agradable:
a b
Before After
c d
que es exactamente lo que quiero.
Pero me parece un poco tonto usar una mesa dentro de una mesa cuando lo que realmente quiero es usar una tabla dentro de un párrafo. Sin embargo, si intento usar este código HTML:
<p>
Before
<table style="display:inline;"><tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr></table>
After
</p>
consigo este diseño feo:
Before
a b
After
c d
He intentado usar distintos tipos de presentaciones, pero ninguno parece hacer lo que quiero.
¿Estoy obligado a usar el código tabla dentro de la tabla, o me falta algo?
¿qué broswer (y versión) representa el segundo ejemplo como lo ha mostrado? [no mío =)] – Shad
Firefox 6 e IE 9. – oz1cz
Debería haber mencionado que mi Doctype es XHTML 1.0 Strict. El problema no aparece con HTML 4.01 Transitional. – oz1cz