且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

H1标签和P标签在同一行?

更新时间:2022-10-30 22:35:34

所以如果你有:

 < div id =containerIntro> 
< h1>标题< / h1>
< p>这里的文字就在...之后...< / 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/ 。


I'm trying to place some text inside the P tag after the closing H1 tag like this:

Headline And here are the text right after....

But I can't get it to work. I made this CSS, but something is perhaps missing?

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>

So if you had:

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

Your CSS would have to look something like this:

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

See http://jsfiddle.net/F3Bcd/3/.