内联块元素放置

Question

我有三个标签，显示css属性设置为： a - 内联块 img - 块 span - inline

<a id="first">
<img/>
<span>
A first line of tekst
B second line of text
</span>
</a>

<a id="second">
<img/>
<span>
C one line of text 
</span>
</a>

我的问题是在那种情况下，当span元素具有不同的文本大小时，第二个元素不在第一个元素的一行中。

为什么span会影响元素的放置？

看起来最后一行文字在同一行，所有其他元素都依赖于它。

Answer 1

它显示在一行中，因为跨度显示内联文本。但是，默认情况下，span是内联的，因此不需要将其设置为内联显示。使用的正确元素不是将span设置为显示为块，而是默认为块级元素div。