更新时间: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;
}