Align Two Images

HTML

<div class="img-container">

  <div class="img-singleline">
    <img src="http://oasiscampjuba.com/images/index_welcome_icon.jpg" height="100%" width="100%" />  
  </div>
  
  <div class="img-singleline">
    <img src="http://oasiscampjuba.com/images/index_welcome_icon.jpg" height="100%" width="100%" />  
  </div>
  
</div>

CSS

.img-container {
  width: 100%;
}

.img-singleline {
  width: 45%;
  display: inline-block;
  float: middle;
  padding: 0 10px;
}