Having trouble separating some of my h4 and p tags, even after setting margins for them. Any suggestions on how to overcome this?
<div class="row text1 offset-md-1">
<h4>Description</h4>
<p class="semibold">Materials</p>
Output: h4 and p tags
<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>
Output: p tag and following p tag
CSS:
.text1{
h4{
margin-top: 20px;
margin-bottom: 20px;
}
p{
margin-top: 20px;
margin-bottom: 20px;
}
ul{
margin-top: 20px;
margin-bottom: 20px;
list-style-type:disc;
}
}