help with code???

I know enough code to insert photos or links…

I am helping a friend …. moved their site and
changed it from a weebly site to WP…

I just copied all of the html and inserted it
into the wp pages…

I am pretty sure that there is a tonnnnnnnn of
extra code and don’t have the time, etc to remove
what’s not necessary….

One of the pages (sponsors) is set up with columns
– which is great….

However, after I added all of the logos to each
of the sponsors copy, stray words are sticking out
of the side of the logos… or running into other
columns…

this is the code that’s used for each of the
sponsors…(I now REALLY see the benefit of
using CSS 🙂

<h2 style="text-align: left;"><a><span style="color: #000000;">PowerMadd</span></a></h2>
<span style="float: left; z-index: 10; position: relative; ;clear: left; margin-top: 0px; *margin-top: 0px;"><a href="http://www.powermadd.com/"><img src="http://almostarace.com/wp-content/uploads/2013/10/Project1.png" style="margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; border-width: 1px; padding: 3px;" alt="Picture" src="/uploads/3/1/8/5/3185723/6843323.jpg" /></a></span>
<div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px; text-align: center;"></div>
<div class="paragraph" style="text-align: left; display: block;">

I will greatly appreciate if someone
would tell me what to add (or delete)
from this code (same for all except
the url/company name) so that the
logo will be above the text – about
20 px padding between the logo and
text…

I guess, what is happening is that
the text is wrapping around the side
of the image..

thank you many bunches