y luego tener que jugar con el box-model para que se vea bien …
De W3.org :
“CSS 2.1 no define qué propiedades se aplican a los controles y marcos de formulario, o cómo se puede usar CSS para darles un estilo. Los agentes de usuario pueden aplicar propiedades de CSS a estos elementos. Se recomiendan autores para tratar dicho soporte como experimental. Un nivel futuro de CSS puede especificar esto más “.
Lo sentimos, pero display: table-cell
en elementos de input
se trata experimentalmente. Intenta evitarlo, utiliza elementos de envoltura para el posicionamiento, por ejemplo.
He hecho un ejemplo con elementos div
. Ahora puede tener múltiples formularios dentro de una tabla, sin embargo, solo funciona cuando el elemento del form
abarca filas completas. De lo contrario, su anidación se romperá.
EDITAR: actualizó el violín con una versión donde se agrega el border-collapse
para evitar bordes dobles.
Ejemplo JSFiddle