title: how to make div to new line
body: <p>i am beginner to css.</p>
  
  <p>i want to make new div into new line like this,</p>
  
  <p><a href="https://i.stack.imgur.com/L2eYd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L2eYd.png" alt="enter image description here"></a></p>
  
  <p>i try my code like this</p>
  
  <pre><code>&lt;style&gt;
  div{
    display:inline-block;
    float:left;
    color:#fff;
    font-size:20px;
  }
  
  .one{
    width:100px;
    height:100px;
    background:red;
  }
  .three{
      width:100px;
    height:100px;
  }
  
  .four{
    width:150px;
    height:50px;
  background:darkblue;
  }
  .five{
    width:150px;
    height:50px;
  background:blue;
  }
   &lt;/style&gt;
  
  &lt;div class="one"&gt;image&lt;/div&gt;
  
  &lt;div class="three"&gt;
    &lt;div class="four"&gt;name&lt;/div&gt;
    &lt;div class="five"&gt;desc&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="one"&gt;image&lt;/div&gt;
  
  &lt;div class="three"&gt;
    &lt;div class="four"&gt;name&lt;/div&gt;
    &lt;div class="five"&gt;desc&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="one"&gt;image&lt;/div&gt;
  
  &lt;div class="three"&gt;
    &lt;div class="four"&gt;name&lt;/div&gt;
    &lt;div class="five"&gt;desc&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but result like this</p>
  
  <p><a href="https://i.stack.imgur.com/gUpFT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gUpFT.png" alt="result of the code"></a></p>
  
  <p>how to move, the second image to new line..
  pls anybody help me. i ll appreciate your answer</p>