title: Position Absolute Side by Side CSS
body: <p>I am facing issue regarding placing balloons like this image:</p>
  
  <p><img src="https://i.stack.imgur.com/YdSHe.png" alt="enter image description here"></p>
  
  <pre><code>    &lt;div class="red_frame"&gt;
      &lt;img src="http://i.stack.imgur.com/54SMF.png"  class="r_over"/&gt;
      &lt;img src="http://i.stack.imgur.com/54SMF.png"  class="r_over"/&gt;
          &lt;img src="http://i.stack.imgur.com/54SMF.png"  class="r_over"/&gt;
          &lt;img src="http://i.stack.imgur.com/54SMF.png"  class="r_over"/&gt;
          &lt;img src="http://i.stack.imgur.com/54SMF.png"  class="r_over"/&gt;
          &lt;img src="http://i.stack.imgur.com/54SMF.png"  class="r_over"/&gt;
          &lt;img src="http://i.stack.imgur.com/54SMF.png"  class="r_over"/&gt;
      &lt;/div&gt;
  .red_frame {
  float: left;
  width: 143px;
  height: 346px;
  margin: 0 2px 0 0;
  position: relative;
  }
  
  .r_over
  {position: relative;
  right: 29px;}
  </code></pre>
  
  <p>Fiddle link
  <a href="http://jsfiddle.net/fddkdvn4/" rel="nofollow noreferrer">http://jsfiddle.net/fddkdvn4/</a></p>