Tiny Giant Tiny-Giant

<h3>
    <a href="https://www.facebook.com/idleslidegloves/"><img src="http://idleslidegloves.com/wp-content/uploads/2016/01/facebook-7-22.png" alt=""></a>
    <a href="https://www.instagram.com/idleslidegloves/" style="float: right;"><img src="http://idleslidegloves.com/wp-content/uploads/2016/01/instagram-22.png" alt=""></a>
    Subscribe and we'll let you know when our website is up and running

In the following snippet, I want the icons to be displayed on either side of the text. As you can see, it isn't working very well. As well, everything below .container is loaded through a WordPress plugin, so it cannot be altered.

What am I doing wrong, and how can I display the icons on either side of the text?

	import readchar
	import sys

	fw = open("pipe1", "w" )

	while True:
	key = readchar.readkey()
	key = key.lower()
	if key == 'w':
	fw = open("pipe1", "w" )

	// ==UserScript==
	// @name Hide Jobs
	// @namespace http://github.com/Tiny-Giant
	// @version 1.0.0.1
	// @description Hides references to Stack Overflow Jobs
	// @author @TinyGiant
	// @include /https?:\/\/(meta\.)?stackoverflow\.com/.*/
	// @grant none
	// ==/UserScript==
	/* jshint -W097 */

	// ==UserScript==
	// @name Old Sidebar width
	// @namespace http://github.com/TinyGiant/
	// @description Returns the old sizing of the sidebar
	// @author @TinyGiant
	// @run-at document-start
	// @version 1.0.0.5
	// @include /^https?:\/\/(?!chat).?(stackoverflow.com\|stackexchange.com\|superuser.com\|serverfault.com\|askubuntu.com\|stackapps.com\|mathoverflow.net)/.$/
	// ==/UserScript==

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