Adding javascript image side by side to normal linked image in text widget

So what I’m trying to do is add a javascript image side by side to a normal linked image in the text widget on the footer section. The code for the javascript image is as follows:

<div style="text-align:center; margin-top: 10px;"><script type="text/javascript" src="http://www.avvo.com/assets/badges-v2.js"></script><div class="avvo_badge" data-type="rating" data-specialty="70" data-target="http://www.avvo.com/professional_badges/1269039" data-version="1"><div class="avvo_content">Lawyer Kira Doyle | Top Attorney Estate Planning</div></div></div>

and what I want to do is put another regular linked image right next to it(side by side) on the footer.

The other code I have is as follows:

<img alt="Pinellas Realtor"src="http://kiradoylelaw.com/wp-content/uploads/2014/05/PRO-Affiliate-Business-Partners-1.jpg" width="19%">

How would I add that image and link to the other code and have them side by side?

The website I’m working on is http://kiradoylelaw.com/ and the images/links are going at the bottom of the page in the footer. I’ve attached an image I made in photoshop of what I’m trying to do. Also I want the Flagship Title logo and Avvo view my profil side by side formatted correctly as well. The code I have for that is as follows:

<div style="text-align:center; text-align:center;">
<img alt="Avvo - Rate your Lawyer. Get Free Legal Advice."src="http://kiradoylelaw.com/wp-content/uploads/2015/06/Avvo_logo3.png">
<img alt="Flagship Title"src="http://kiradoylelaw.com/wp-content/uploads/2016/03/1-color-small.jpg" width="26%">
</div>

Thanks in advanced for the help!

The website is http://kiradoylelaw.com/

Here is a mock photo of hat I’m trying to do. I want the Avvo Rating(javascript image) side by side to the Pinellas realtor logo and the Avvo View My Profile Logo formatted correctly next to the flag ship title logo.

View post on imgur.com

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]