h2는 위의 h1과 분리되지 않습니다.

Question

nav과 함께 섹션에 h1이 있습니다.

아래에는 문단이있는 h2가 있습니다. 하나의 div에는 h2와 단락이 있고 다른 단락에는 h1과 navbar가 있지만 h1과 h2는 함께 있으며 분리되지 않습니다. h2 및 단락 태그를 사용하여 div 주위에 테두리를 놓으면 테두리가 h1 및 h2 주위로 접하게됩니다. 내가 h1과 nav를 플로팅 했으므로 나는 분명하다. h2와 나는 분명히 노력했다 : div의 둘 다.이 두 요소를 분리하는 것은 없다. 나는 또한 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; 조언의 마지막 비트가 도움이되었다고