¿Cómo mostrar un elemento <div> dentro de un <span>?
Mi elemento contenedor es a <span>y quiero mostrar un <div>elemento dentro de él. ¿ Cómo puedo agregar un <div>interior a <span>sin hacer el <div> display: inline;?
<span>
<div>Content goes here</div>
</span>
¿Cambiar el intervalo para mostrar el bloque? Pero no tiene ningún sentido, si necesita un bloque dentro, reemplace el intervalo con un div. Su documento tampoco se validará de esta manera y el comportamiento en diferentes navegadores es un poco impredecible...
Lo que terminé haciendo cuando pensé por primera vez que necesitaba esto fue cambiar el intervalo a un div. Pero en lugar de dejar el div como display:block (predeterminado), especifiqué que el estilo fuera display:inline-block, esto permitió que el bloque pudiera usarse para que se pudiera usar el div interno, pero aún así me permitió poner más de uno de los divs. en la misma línea.
<div style="display:inline-block">
<div>context on top</div>
<div>context on bottom</div>
</div>
<div style="display:inline-block">
<div>context on top</div>
<div>context on bottom</div>
</div>
Esto debería colocar 2 bloques uno al lado del otro (sin el uso de flotador) y dentro de cada bloque debe haber 2 bloques uno encima del otro. También puede especificar el ancho del estilo para que tenga el aspecto que desea.
