title: caption on img push the text around img down
body: <p>I would like to put a caption on img by img class "imageHolader" &amp; "caption" and keep the text align (to the right side) to the img. The problem is, that this caption (classes) push the text under the img. I tried to solve this in different ways, but don't succesful, to me it seems like a problem with position property. Thank You for advice.</p>
  
  <pre><code>&lt;section&gt;
  &lt;div class="container-fluid bg_color cont-padding"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"&gt;
          &lt;a name="myanchor"&gt;&lt;/a&gt;
               &lt;div class="imageHolder"&gt;
               &lt;img src="img/a1.jpg" class="img-responsive" id="imgsectionleft" alt="moscow subway typical train"&gt;
               &lt;div class="caption"&gt;&lt;br&gt;Metro w Moskwie
               &lt;/div&gt;
               &lt;/div&gt;
               &lt;h3&gt;&lt;i class="fa fa-star fa-1x"&gt;&lt;/i&gt; How did it all start&lt;/h3&gt;
                  &lt;p class="section-text text-justify"&gt;London has the world’s oldest underground rail system; Tokyo’s metro has employees to push people into packed trains; New York’s subway is an ethnic melting pot. Hidden beneath the streets of Moscow is something completely different. To step onto the Moscow metro is to step back in time and immerse yourself in a museum rich in architecture and history.&lt;/p&gt;
  
  CSS:
  
  .imageHolder { 
      position: relative; 
      width: 240px; 
      height: 320px;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      text-align: left; 
  } 
  .imageHolder .caption { 
      position: absolute; 
      width: 240px; 
      height: 70px; 
      bottom: -9px; 
      left: 0px; 
      color: #ffffff; 
      background: 
      #000000; 
      text-align:center; 
      font-weight:bold; 
      opacity:0.5; 
  }
  #imgsectionleft {
      float:left;
      width:240px;
      height:320px;
      margin-right:2%; 
      margin-top: 2%;
      margin-bottom: 2px;
      border: 11px solid #0D1447;
  &gt; Blockquote
  </code></pre>