H1标签和P标签在同一行？ [英] H1 tag and P tag on the same line?

问题描述

我尝试在关闭H1标签后面放置一些文本，如下所示：

标题

但我不能让它工作。

 <$ c $ 
 c> 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>标题< / h1> 
< p class =start>文字......< / p> 
< / div> 
  

解决方案

所以如果你有：

 < 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/.

这篇关于H1标签和P标签在同一行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！