Как отобразить элемент <div> внутри <span>?

Мой контейнерный элемент - это <span>, и я хочу отобразить внутри него элемент <div>. Как добавить <div> внутри a <span> без создания <div> display: inline;?

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

Ответы

Ответ 1

Изменить диапазон для отображения блока? Но это не имеет никакого смысла, если вам нужен блок внутри, а затем замените span на div. Ваш документ также не будет проверять этот способ, и поведение в разных браузерах непредсказуемо...

Ответ 2

То, что я закончил, когда я впервые думал Мне нужно, чтобы это изменило диапазон на div. Но вместо того, чтобы оставить div как отображение: block (default), я указал стиль, который будет отображаться: inline-block, это позволило блоку, так что внутренний div мог использоваться, но все же позволил мне добавить более одного из divs в той же строке.

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

Это должно помещать 2 блока рядом друг с другом (без использования float), и внутри каждого блока должно быть 2 блока один поверх друг друга. Также вы можете указать ширину в стиле, чтобы он выглядел так, как вы хотите.

Ответ 3

В соответствии с данным неопределенным описанием:

.A {
  position: relative;
}
.B {
  position: absolute;
  top: 0;
  left: 0;
}

<span class="A">text<div class="B">div</div></span>