title: How can I set button below image?
body: <p>I have one little problem:</p>
  
  <p><img src="https://i.stack.imgur.com/B22fr.png" alt="http://prntscr.com/61tzt2"></p>
  
  <p>How can I set button below image?</p>
  
  <p>This is my css code:</p>
  
  <pre><code>.news_img{
    margin:0 20 0 20;
    float:left;
  }
  .trailer_button{
      z-index:999;
      float:left;
      margin:1 20 -20 20;
      width:181px;
      border-radius:10px;
  }
  .buttonimg{
      width:auto;
      height:auto;
  }
  </code></pre>
  
  <p><code>.news_img</code> is image<br>
  <code>.trailer_button</code> is button<br>
  <code>-buttonimg</code> is div around button and image</p>
  
  <p>This is HTML</p>
  
  <pre><code>&lt;div class="movie_box"&gt;
      &lt;h3 class="h3"&gt;'.$movies['name'].'&lt;/h3&gt;'
      &lt;div class="buttonimg"&gt;
          &lt;div class="news_img"&gt;
              &lt;img src="'.$movies['cover'].'"/&gt;
          &lt;/div&gt;
          &lt;button class="trailer_button" type="button"&gt;Trailer&lt;/button&gt;
  </code></pre>