Hi I am trying to put "html badge" on my website. It will go into a "bottom spanning column" widget on a wordpress-based website. The problem is I cannot get the two html badges to display side by side, they only display on top of each other.

I am wondering if there's a way to combine the two snippets of code to combine them into one snippet to have the images display side by side but have my bottom spanning treat them as one block of code for it doesn't put them on top of each other instead of side by side.

Here's the two blocks of code:

Code:
<link rel='stylesheet' type='text/css' href='http://wwcdn.weddingwire.com/static/css/wireWidgets.css' /><div class='ww-bca-2014 ww-reset'><a class='ww-bca-top' href='http://www.weddingwire.com' title='Weddings, Wedding Venues'><img src='http://wwcdn.weddingwire.com/static/images/badges/BCA-2014/CCA-2014-badge-top.png' alt='Weddings, Wedding Venues' /></a><a class='ww-bca-bottom' href='http://www.weddingwire.com/reviews/solas-studios-photography-baldwinsville/5951e73120e49fba.html' title="Solas Studios Photography, Best Wedding Photographers in Syracuse, Binghamton, Utica - 2014 Couples' Choice Award Winner"><img src='http://wwcdn.weddingwire.com/static/images/badges/BCA-2014/CCA-2014-badge-bottom.png' alt="Solas Studios Photography, Best Wedding Photographers in Syracuse, Binghamton, Utica - 2014 Couples' Choice Award Winner" /></a><div class='ww-clear'>&nbsp;</div><img class='ww-tracker' src='//api.weddingwire.com/api/v3/Tracker.gif?target_id=5951e73120e49fba&type=bca_2014&partner_key=163r5mm3' width='1' height='1' /></div>
Code:
<script type="text/javascript" src="//wwcdn.weddingwire.com/static/js/widgets/wwrated/2013.js"></script><div id="ww-widget-wwrated-2013" class="ww-reset ww-widget-wwrated-2013"><a target="_blank" class="ww-top" href="http://www.weddingwire.com" title="Weddings, Wedding, Wedding Venues"> </a><a target="_blank" class="ww-bottom" href="http://www.weddingwire.com/reviews/solas-studios-photography-baldwinsville/5951e73120e49fba.html" title='Solas Studios Photography Reviews , Syracuse, Binghamton, Utica Photography'> </a></div><script type="text/javascript">WeddingWire.ensureInit(function() {WeddingWire.createWWRated2013({"vendorId":"5951e73120e49fba"});});
</script>
As you can see there's multiple elements in each block of code such as images, links, javascript, divs, etc. So this is way beyond my basic html knowledge. Hopefully someone here can help me out or shed some light.

I'm not sure why my bottom spanning column puts them on top of each other and not side by side, the badges themself are only about 200 pixels wide but my page is 960 pixels wide so it's not like it's running out of space on the one line.

My website is http://solas studios .com without the spaces if anyone wants to take a look at that coding too.