Comment afficher un & lt; div & gt; élément à l'intérieur d'un & lt; span & gt ;?

Mon élément conteneur est un <span> et je veux afficher un <div> élément à l'intérieur d'elle. Comment puis-je ajouter un <div> à l'intérieur d'un <span> sans faire le <div> display: inline;?

<span>
    <div>Content goes here</div>
</span>

source d'informationauteur Harish Kurup

  1. 26

    Modifier la durée d'affichage de bloc?
    Mais il n'a aucun sens, si vous avez besoin d'un bloc à l'intérieur, puis remplacez la durée avec un div.
    Votre document ne sera pas en mesure de valider cette manière ou d'une autre et le comportement dans les différents navigateurs est un peu imprévisible...

  2. 15

    Ce que j'ai fait quand j'ai pensée j'avais besoin de ce a modifié la durée d'un div. Mais au lieu de laisser la div comme un display:block (par défaut), j'ai spécifié le style display:inline-block, ce qui a permis le bloc de l'intérieur div pourrait être utilisé, mais encore m'a permis de remettre plus d'un de la les divisions sur la même ligne.

    <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>

    Cela devrait mettre 2 blocs les uns à côté des autres (avec l'utilisation de float) et à l'intérieur de chaque bloc, il devrait y avoir 2 blocs de l'un sur l'autre. Vous pouvez aussi spécifier la largeur sur le style pour l'obtenir à regarder la façon dont vous le souhaitez.