如何在css中添加一个空行

Question

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

______

 Hi

我试过使用border-topforspan标签。但这不是我的要求。我搜索并尝试过，但没有奏效。请帮忙。

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>