I have this title (H3) and a paragraph under it. The H3 is in a block with a background color.
My problem is that I'm getting this extra space under the H3 and I can't get it out - How can I make the P to be RIGHT UNDER the H3 and get rid of the extra space?
h3 {
margin: 0px;
padding: 3px 0px 0px 22px;
height: 17px;
font: 700 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
}
p {
background-color: #ff0000;
padding: 10px 6px;
color: #fff;
text-align: left;
line-height: 18px;
}
<h3>Welcome to RestorationSOS.com</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur id arcu. Duis fringilla. Aenean euismod.</p>
Thanks!Paragraphs have margins too.Than you!
My problem is that I'm getting this extra space under the H3 and I can't get it out - How can I make the P to be RIGHT UNDER the H3 and get rid of the extra space?
h3 {
margin: 0px;
padding: 3px 0px 0px 22px;
height: 17px;
font: 700 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
}
p {
background-color: #ff0000;
padding: 10px 6px;
color: #fff;
text-align: left;
line-height: 18px;
}
<h3>Welcome to RestorationSOS.com</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur id arcu. Duis fringilla. Aenean euismod.</p>
Thanks!Paragraphs have margins too.Than you!