Tengo múltiples tramos con relleno y bordes uno tras otro que quiero envolver según lo dicte la ventana. Pero cuando se envuelven, se superponen. ¿Alguna manera de evitar que se superpongan sin usar una tabla? (Nota:. Que sólo se solapan verticalmente horizontalmente que están bien)HTML: ¿Cómo mantener los tramos con relleno y bordes de la superposición?
Uso display:block
<span> es display:inline por defecto, por lo que los bordes y el relleno haya agregado son en realidad no afecta a su tamaño. Estás viendo el solapamiento debido a que el ancho del borde/relleno es más grande que el line-height
Es posible que necesite float:left así, o puede probar display:inline-block lugar.
Más información sobre display: http://www.quirksmode.org/css/display.html
he utilizado line-height en el pasado para hacer este trabajo.
display: inline-block hizo el truco, gracias – Dave
Sugeriría cambiar esta respuesta para resaltar 'display: inline-block;' first (y minimizar 'float: left;'). – palswim