Css 如何在<；p>；及<；h2>；标签

我有一些大致如下的正文：

<p>Article nor prepare chicken you him now. Shy merits say advice ten before lovers innate add.</p>
<h2>Do commanded an shameless we disposing do</h2>
<p>Do commanded an shameless we disposing do. Indulgence ten remarkably nor are impression out. Power is lived means oh every in we quiet.</p>
<h2>Alteration unaffected impossible ye</h2>
<p>For saw half than cold. Pretty merits waited six talked pulled you. </p>

它看起来不错，但根据文本布局的规则，我不确定它是否正确。因为现在由于

h2

标记的大小，边距顶部值等于22px

---

我做得对吗，还是有正确的方法？我担心的是，如果

h2

字体大小增加了，而

p

元素没有增加，那么它们之间的间距将是巨大的，看起来很愚蠢。

听起来好像你只需要给元素一些填充，如果你想要特定于某些元素，就使用类

下面是一些JS摆弄分配给p元素的类

<p class="textspan">Article nor prepare chicken you him now. Shy merits say advice ten before lovers innate add.</p>

.textspan{
padding-bottom: 100px;
}

现在就给他写一篇文章或准备一只鸡。羞涩的优点是在情人面前说十句忠告
.textspan{
填充底部：100px；
}

---

试试这个。它会将所有东西从顶部和底部推离

块15px

p {margin-top: 15px, margin-bottom: 15px;}

---

Hmm。我建议对p和h2字体大小都使用em，以保持一致。当用户调整浏览器大小时，字体大小的百分比看起来会很有趣，尤其是在桌面上。使用rem单位调整大小时，不需要em单位，并且应根据浏览器字体大小设置进行调整。

p {margin-top: 15px, margin-bottom: 15px;}