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

Answer 2

<p>和<h1>标记都是块级标记 - 这意味着它们会占用其容器的完整宽度。您可以尝试将两个元素浮动到左侧。这将它们相互叠加到左侧，并将它们转换为内联元素。

Answer 3

如果您还可以显示HTML，那将更容易。我现在正在猜测。

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

Answer 4

将您的CSS更改为以下内容：

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

h1.start {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
margin: 0;
width: 200px;
float: left;
}

Answer 5

在CSS中使用所需的属性和值创建新标记，或编辑现有标记（例如：.address）。然后将您想要内嵌的文本放在该标记下，就是这样。

之后代码应如下所示：

containerIntro h1,

containerIntro address //(in our case) 

{display: inline;}

H1标签和P标签在同一条线上？

5 个答案: