Quiero hacer que una parte de un formulario parezca una hoja de cálculo. Hay varias formas y<table> por lo tanto, no es viable (aunque no estoy en contra cuando lo esté imprimiendo datos semánticamente tabulares, como es el caso).

Así que intenté simplemente usar un diseño CSS2.1 directamente con los elementos de entrada de formulario, por ejemplo.

<div class="table">
    <form class="tbody">
        <div class="tr">
            <label class="td">Label</label>
            <input class="td" name />
            <input class="td" name />
        </div>
    </form>
</div>

Ejemplo completo enel violín.

Pero parece quedisplay:table-cell no funciona en<input> elementos!

Si verifica en Chrome "Estilo computado", la pantalla será "elemento en línea".

Pero no encontré en ninguna parte por qué no debería:

¿Alguna idea?

Sonaba mucho mejor que tener algunos<div class="cell"> alrededor de<input> y luego tener que jugar con box-model para que se vea bien ...