h2 go right up to top of next div

Question

У меня есть тег h2, div с некоторыми коробками и снова. Тем не менее, h2 имеет верхнюю границу и этот верхний край доходит до вершины div, даже если он находится вне этого div.

Я сделал jsfiddle для иллюстрации:

http://jsfiddle.net/jjYhg/

Answer 1

Если я понял правильно, проблема состоит в том, что верхний ДИВ сплавляется налево. Раствор добавляет clear: both; (или clear: left;) в 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; 
} 

Answer 2

Add clear: both; к тегу H2 в вашем CSS. Это говорит о том, что H2s падает ниже любого элемента страницы над ними.