h2가 다음 div의 맨 위로 올라갑니다.

Question

나는 h2 태그를 가지고 있습니다. div와 같은 상자가있는 div입니다. 그러나 h2는 테두리 위쪽을 가지고 있으며 div 위쪽에있는 테두리 상단이 div 위쪽으로 끝나기도합니다. 내가 설명하기 위해 jsfiddle을 한

: 나는 잘 이해하면

http://jsfiddle.net/jjYhg/

Answer 1

, 문제는 위 DIV가 왼쪽으로 부유 것입니다. 해결 방법은 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

삭제 : 모두; CSS의 H2 태그에 추가하십시오. 그것은 H2가 그 위에있는 페이지 요소 아래로 떨어지도록 지시합니다.