css - 如何在css中添加空行

Question

我想像这样使用span属性在css中的:before标记上方添加一个空行。

______

 Hi

我尝试将 border-top用作 span标记。但这不是我的要求。
我搜索并尝试过，但是没有用。请帮忙。

Answer 1

如果您设置为使用:before属性，请参见以下内容:

span:before {
  content: '';
  width: 100%;
  height: 1em;
  display: inline-block;
  background: red; /* Remove, just showing empty line */
}
span {
  display: inline-block; /* Can remove if span:before width doesn't matter. */
}

<span>Test Text</span>

如果您愿意使用一些简单的方法，请尝试通过以下代码使用 margin-top:

span {
  margin-top: 1em; /* Adjust to your liking */
  display: block; /* Could also use inline-block */
}

<span>Test Text</span>