因此,当单击包含箭头的元素时,它会随CSS变换一起旋转。这很好
<div><span class="arrow">►</span><h3>Some Text Goes Here</h3></div>
但是,我需要将箭头放置在h3元素内部,因为这两个箭头需要保持内联,并且如果父元素的宽度太小,则h3元素会向下滚动并最终到达箭头下方,而不是内联。
<div><h3><span class="arrow">►</span>Some Text Goes Here</h3></div>
当我这样做时,元素保持内联,但是箭头不再旋转。
无论如何有:
要使h3停留在同一行中:
h3 {
display:inline;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句