h2はそれより上のh1から分離しません

Question

私はnavでセクションにh1を持っています。

以下、私は段落を持つh2を持っています。私はh2と段落を1つのdivに、h1とnavbarを別のdivに持っていますが、h1とh2は一緒になって分かれません。 h2と段落タグを使ってdivの周りに境界線を置くと、境界線はh1とh2の周りで境界を接します。私はh1とnavを浮かべていたので、私は明らかにしています.h2上でも私はまた、明らかにしようとしました。divの両方で、これらの2つの要素を引き離しているわけではありません。私はまたh2のマージンを試しました。それはdivです。

HTML：

<div class="banner"> 

      <h1>JIMMY DAWSON</h1> 


       <ul class="nav"> 
        <li><a href="index.html">Home</a></li> 
        <li><a href="thought.html">Thoughts</a></li> 
        <li><a href="#">Visuals</a></li> 
        <li><a href="#">About</a></li> 
       </ul> 

      </div> 

     <div class="journal-section"> 

     <h2> Headline for the Journal</h2> 

      <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> 

</div> 

CSS：

h2 { 
    clear: both; } 

.journal-section { 
    width: 600px; 
    margin: 30px 30px 0 30px; 
    border: 1px solid red; } 

Answer 1

私はbrowsersにこのコードをチェックしており、私はすべての問題を発見し、私は一つのことを言わせて傾けます。あなたがfloat:left;プロパティまたはdisplay:block;アドバイスの最後のビットが助けたこと