 <p>Remove the align left and right and white space between image tags. </p> <pre><code>&lt;div class="feat"&gt; &lt;img src="nirvana.jpeg" style="width:50%;height:50%;"&gt;&lt;img src="pup.jpg" style="width:50%;height:50%;"&gt; &lt;/div&gt; </code></pre> <p>Read up <a href="https://css-tricks.com/fighting-the-space-between-inline-block-elements/" rel="nofollow">this blog post</a> about white space. Here is a working plunkr (without your images, obviously): <a href="http://embed.plnkr.co/sytM7HeFUVDPT1p3HoXN/preview" rel="nofollow">http://embed.plnkr.co/sytM7HeFUVDPT1p3HoXN/preview</a></p>