仅使用 css 换行（如
）

是否可以在纯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>必须保持在同一条线上。

它的工作原理如下：

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

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

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