css - H1标签和P标签在同一行？

Question

我正在尝试在结束 H1 标签之后的 P 标签内放置一些文本，如下所示:

标题 这是紧随其后的文字......

但我无法让它工作。我制作了此 CSS，但可能缺少某些内容？

CSS:

p.start {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    display: inline;
}

h1.start {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
    display: inline-block;
}

HTML:

<div id="containerIntro">
    <h1 class="start">Headline </h1>
    <p class="start">Text......</p>
</div>

Answer 1

所以如果你有:

<div id="containerIntro">
    <h1>Headline</h1>
    <p>And here the text right after...</p>
</div>

您的 CSS 必须如下所示:

#containerIntro h1,
#containerIntro p {
    display: inline;
    vertical-align: top;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
}

参见 http://jsfiddle.net/F3Bcd/3/ .