Html 如何分离h4和p标签

ı有一些h4和p标签。但即使为它们设定了利润，它们也无法将其中的一些分离开来

如何克服它

Açıklama
材料

输出：

安装1



我的同僚们都是精英。是吗？



安装2

输出：

css:

.text1{
h4{
边缘顶部：20px；
边缘底部：20px；
}
p{
边缘顶部：20px；
边缘底部：20px；
}
保险商实验室{
边缘顶部：20px；
边缘底部：20px；
列表样式类型：disc；
}
}

简易选项

在两个段落之间使用

，如

   <p>.. </p> </br><p></p>

---

您正在父div中使用row类，而父div正在使用flexbox，这会弄乱您的布局

 <div class="">
        <h4>Açıklama</h4>
        <p class="semibold">Materials</p>
        <p class="semibold">Installation1</p>
        <ul>
            <li>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, incidunt?
                </p>
            </li>
        </ul>
        <p class="semibold">Installation2</p>
    </div>

Açıklama
材料

安装1



我的同僚们都是精英。是吗？



安装2

---

试试这个。

用填充代替边距。@Filipe不起作用

 <div class="">
        <h4>Açıklama</h4>
        <p class="semibold">Materials</p>
        <p class="semibold">Installation1</p>
        <ul>
            <li>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, incidunt?
                </p>
            </li>
        </ul>
        <p class="semibold">Installation2</p>
    </div>