title: Create a collage of images in CSS
body: <p>I'm working on a project and I got to a place where I decided to realized a collage.
  I have done the collage already and it is here: <a href="http://jsfiddle.net/1b8euyr0/" rel="nofollow">Fiddle</a></p>
  
  <p>But I would like to do the same thing without using the property <code>float</code> on the elements of <code>div1</code>.</p>
  
  <p>If possible, I would like to use only the properties <code>right</code> and <code>left</code> on the element of <code>div1</code> without reducing the size of the elements of that div.</p>
  
  <p>Sorry I'm not a native English speaker, I'm trying my best.</p>