如何将段落开头文本的字体大小更改为与我的字体大小相同的<h2>大小？

Question

当我在<h2></h2>中设置它时，它会自动使它成为标题，而不会只是停留在与文本相同的行上。

Answer 1

您可以执行以下操作：

CSS

.paragraph_style{
    // Copy H2 style into here
}

HTML

<span class="paragraph_style">Your paragraph</span> will look like this, bla bla...

不确定H2的样式，但如果它包含属性display，请将其删除。

Answer 2

将h2和h2 + p（h2后面的任何p）设置为display: inline。这将使他们处于同一条线上。您也可以将它们的font-size设置为相同。

h2, h2 + p {
  display: inline;
}
h2, p {
  font-size: 16px;
}

<h2>Heading</h2>
<p>Paragraph paragraph paragraph paragraph paragraph</p>
<p>Another paragraph</p>

Answer 3

<h2>是一个"块"元素：它意味着它跨越页面的整个宽度（并"向下推"其他内容）；你应该试试：

h2 {
 display:inline;
}

即使在我看来，使用像<span class="a_class">...</span>这样的原生内联元素会更舒适，也可以分配一个类，并将更改应用于该类

.a_class {
   .....
}

Answer 4

感谢您的帮助：-）我是css的新手，所以这是一个很难解决的问题。我试着回复了一下，但没有成功，也许是因为我使用了模板？最后，我联系了模板支持人员，他们给了我以下有效的代码。我原以为只需更改html中的字体大小就可以了，但没有。不管怎样，这就是我得到的代码，尽管接缝的大小有很大的变化！

.page-id-54 .et_pb_text_0 h2:nth-child(1) {
margin-right: 5px;
float: left;
}
.page-id-54 .et_pb_text_0 p:nth-child(2) {
padding-top: 5px;
}
.page-id-54 .et_pb_text_0 h2:nth-child(1) {
margin-bottom: -20px;
}
@media only screen and ( max-width: 980px ) {
.page-id-54 .et_pb_text_0 p:nth-child(2) {
padding-top: 0;
}
}