Почему здесь может съезжать треугольник?

Question

[Wynell_ru]

Места по сторонам хватает, но какие есть варианты, почему он сверху, а не слева?

Comments

[Wynell_ru]

<details>
  <summary>
    <h3>{name}</h3>
  </summary>
  <slot></slot>
</details>

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/DelphinPRO/ybduw71x/

Answer 2

[Сергей Зенькович]

Если он обернут в отдельную div то по стандарту у него свойство display: block , а элемент с таким свойством вытесняет другие элементы. Либо придайте свойство inline-block, либо оберните оба элемента в отдельный div и придайте свойство display: flex

Comments

[Wynell_ru]

<details>
  <summary>
    <h3>{name}</h3>
  </summary>
  <slot></slot>
</details>

Внешний элемент тут вроде только один, что с ним делать?