html - h2は次のdivの一番上に移動します

Question

私はh2タグ、いくつかのボックスが入ったdiv、そして同じものを持っています。ただし、h2には境界線の上部があり、その境界線の上部は、そのdivの外側にある場合でも、前のdivの上部までずっと進んでいます。

説明のためにjsfiddleを作成しました。

http://jsfiddle.net/jjYhg/

Answer 1

私が正しく理解した場合、問題は上部のdivが左に浮いていることです。解決策はにadd 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に、その上にあるページ要素の下にぶつかるように指示します。