Within a div, I have an h1 tag that I want to move down from the top of the div. Despite trying to add a top margin to the h1, it remains in place unless there is text in the '#contact' section, causing the h1 to drop down. Is there a way to accomplish this without any text in '#contact'? Your assistance is greatly appreciated.
Here is a snippet:
<div style="float:left; margin: 0; width: 100%;background-color:#eeeeee;font-size: 20px;color: #252a30;text-align: center;">
<style>
.half {
width: 40%;
margin: 3%;
font-size: 0.7em;
display: block;
}
.hl {
text-align: left;
float: left;
}
.hr {
text-align: right;
float: right;
}
... (The rest of the CSS styles are continued)