如何使用css

Question

我正在使用预先生成代码的工具，但我们可以使用php，javascript，html和css操作一些代码。 所以我有一个超链接，其中包含图像和标签。但我需要在图像下方显示标签。 这就是生成的代码存在的方式

<a href="#">
    <image src='...'>
    <span>label</span>
</a>

所以我需要在span元素之前给出一个换行符。我怎么能这样做？

我尝试使用以下css，但它没有工作：

span {
    display: inline;
}

span:before {
    content: "\A";
    white-space: pre;
}

Answer 1

试试这个。它可以解决你的问题

<style>
span {
display: block;
margin-top:5px;
border-top:1px solid #dedede;
padding-top:5px;
}
</style>

Answer 2

html中的<br>标记创建一个空格

如下所示^
<hr>（水平标尺）将创建一个空格以及一行，

---

看起来像这样^

 <a href="application">
 <image details>
 <br>
 <span>label </span></a>

<br>标记不必出现在实际html的换行符中，<image details><br>也完全有效，我个人的偏好是将其写在上面。为了清晰起见自己的行