Question

I have a h2 tag, the a div with some boxes in and the same again. However the h2 has a border top and that border top is going all the way up to the top of the div before, even though it is outside that div.

I have made a jsfiddle to illustrate:

http://jsfiddle.net/jjYhg/

Answer 1

If I understood right, the problem is that upper div is floated to left. Solution is add clear: both; (or clear: left;) to h2.

h2 {
    font-family: BebasNeue;
    color: #777878;
    font-size: 50px;
    border-top: 3px dashed #777878;
    border-bottom: 3px dashed #777878;
    line-height: 1;
    margin: 10px;
    clear: both;
}