在另一个元素中旋转CSS中的跨度

Question

因此，当单击包含它的元素时，我有一个用CSS变换旋转的箭头。这很好用

<div><span class="arrow">&#x25BA;</span><h3>Some Text Goes Here</h3></div>

但是，我需要将箭头放在h3元素内部，因为两者需要保持内联，如果父元素的宽度太小，则h3元素会向下包裹并最终在箭头下方而不是内联。< / p>

<div><h3><span class="arrow">&#x25BA;</span>Some Text Goes Here</h3></div>

当我这样做时，元素保持内联，但箭头不再旋转。

无论如何都有：

1. 将跨度移回元素外部，但强制h3保持在同一行。
2. 获取跨度以在h3元素内再次旋转。

Answer 1

使h3保持在同一行：

h3 {
    display:inline;
}