如何以内嵌方式显示图像？

Question

我有以下代码：

<div class="container">
<div style="float: right; width: 50%;"><a href="https://www.instagram.com/idleslidegloves/"> <img class="alignleft" src="http://idleslidegloves.com/wp-content/uploads/2016/01/instagram-22.png" alt="" /></a></div>
<div style="float: right; width: 60%;"><a href="https://www.facebook.com/idleslidegloves/"><img class="alignright" src="http://idleslidegloves.com/wp-content/uploads/2016/01/facebook-7-22.png" alt="" /></a></div>
</div>

在页面上显示如下：

This is how it gets displayed on my site.

我该怎么做才能使图像看起来彼此相邻，而不会干扰div = wrap的文本。

代码可以在idleslidegloves.com

中看到

欢迎任何有关如何解决此问题的想法。