仅使用 css 的换行符（如 <br>）

Question

是否有可能在纯 css 中，即不添加额外的 html 标签，像 <br> 这样换行？我想要换行符在 <h4> 元素之后，但不是之前：

HTML

 <li>
  Text, text, text, text, text. <h4>Sub header</h4>
  Text, text, text, text, text.
</li>

CSS

 h4 {
  display: inline;
}

我发现了很多这样的问题，但答案总是像 “使用显示：块；” ，当 <h4> 必须保持在同一条线上时，我不能这样做。

原文由 Steeven 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

它是这样工作的：

 h4 {
    display:inline;
}
h4:after {
    content:"\a";
    white-space: pre;
}

示例：http: //jsfiddle.net/Bb2d7/

诀窍来自这里： https ://stackoverflow.com/a/66000/509752（有更多解释）

原文由 adriantoine 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

尝试

h4{ display:block;}

在你的CSS中

http://jsfiddle.net/ZrJP6/

原文由 Philip Kirkbride 发布，翻译遵循 CC BY-SA 3.0 许可协议