html - 在单独的行上显示内联内容

Question

我有一个包含内容的简单 block :

<div>
    <img src="/img/sample.png" alt="Sample image">
    <span class="colored-text">Company name</span>
    <em>Address</em>
</div>

我希望“公司名称”和“地址”位于不同的行中。

现在我有几个可用的选项:

追加<div> s，添加一个<br/> <span> 之间的标签和 <em>标签和其他一些解决方案。 添加此类功能的正确方法是什么？

Answer 1

你应该做语义上最有意义的事情。一般来说，div标签用于表示页面中的某种 DIVision。如果您只是简单地列出一个地址，那么这样做是没有意义的。我个人会使用 <br />在行的末尾添加一个换行符，而不对您的内容做出任何类型的语义声明。