【发布时间】：2015-11-28 16:11:16
【问题描述】：
CSS 代码：
h4 {
display: inline;
font-weight: bolder;
font-size: 100%;
margin: 0;
}
HTML 测试代码：
<html>
<head><link rel="stylesheet" href="style.css" type="text/css" /></title>test</title></head>
<body>
<p>Let's try to make a header be inline with the next paragraph.</p>
<h4>This is a header.</h4>
<p>A header is an HTML element. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam consequat enim eget porta. Proin condimentum dui sed tortor semper, non scelerisque risus volutpat. Vivamus vel risus in purus imperdiet finibus. Phasellus placerat nunc a orci ullamcorper, non ultricies neque auctor. Integer magna lectus, vulputate laoreet auctor eu, gravida et lorem.</p>
<p>And now we have some more text.</p>
</body>
</html>
预期输出：
让我们尝试使标题与下一段内联。
这是一个标题。标题是一个 HTML 元素。 Lorem ipsum dolor sit amet, consectetur adipiscing elit。 Etiam aliquam consequat enim eget porta。 Proin condimentum dui sed tortor semper，非 scelerisque risus volutpat。 Vivamus vel risus in purus imperdiet finibus。 Phasellus placerat nunc a orci ullamcorper，非 ultricies neque auctor。 Integer magna lectus, vulputate laoreet auctor eu, gravida et lorem。
现在我们有了更多的文字。
我实际上得到了什么：
让我们尝试使标题与下一段内联。
这是一个标题。
标题是一个 HTML 元素。 Lorem ipsum dolor sit amet, consectetur adipiscing elit。 Etiam aliquam consequat enim eget porta。 Proin condimentum dui sed tortor semper，非 scelerisque risus volutpat。 Vivamus vel risus in purus imperdiet finibus。 Phasellus placerat nunc a orci ullamcorper，非 ultricies neque auctor。 Integer magna lectus, vulputate laoreet auctor eu, gravida et lorem。
现在我们有了更多的文字。
我几乎可以肯定，问题是我在标题之后开始了一个新段落。问题是，我应用样式的 HTML 代码不是我自己的——它是由另一个我没有源代码的工具生成的，所以我不能只是删除段落或添加样式该段直接。以上是否可以完全使用给定的 HTML 代码并且仅使用 CSS 来完成？
编辑： 使用h4; h4 + p 的建议解决方案确实有效 - 前提是<h4> 标记后至少有两个段落。以下 HTML 代码将导致不希望的结果：
<html>
<head><link rel="stylesheet" href="style.css" type="text/css" /?</title>test</title></head>
<body>
<p>Let's try to make a header be inline with the next paragraph.</p>
<h4>This is a header.</h4>
<p>A header is an HTML element. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam consequat enim eget porta. Proin condimentum dui sed tortor semper, non scelerisque risus volutpat. Vivamus vel risus in purus imperdiet finibus. Phasellus placerat nunc a orci ullamcorper, non ultricies neque auctor. Integer magna lectus, vulputate laoreet auctor eu, gravida et lorem.</p>
<h4>This is another header...</h4>
<p>And now we have some more text.</p>
</body>
</html>
结果：
让我们尝试使标题与下一段内联。
这是一个标题。标题是一个 HTML 元素。 Lorem ipsum dolor sit amet, consectetur adipiscing elit。 Etiam aliquam consequat enim eget porta。 Proin condimentum dui sed tortor semper，非 scelerisque risus volutpat。 Vivamus vel risus in purus imperdiet finibus。 Phasellus placerat nunc a orci ullamcorper，非 ultricies neque auctor。 Integer magna lectus, vulputate laoreet auctor eu, gravida et lorem。 这是另一个标题...现在我们还有一些文本。
预期结果：
让我们尝试使标题与下一段内联。
这是一个标题。标题是一个 HTML 元素。 Lorem ipsum dolor sit amet, consectetur adipiscing elit。 Etiam aliquam consequat enim eget porta。 Proin condimentum dui sed tortor semper，非 scelerisque risus volutpat。 Vivamus vel risus in purus imperdiet finibus。 Phasellus placerat nunc a orci ullamcorper，非 ultricies neque auctor。 Integer magna lectus, vulputate laoreet auctor eu, gravida et lorem。
这是另一个标题...现在我们还有一些文本。
【问题讨论】：