Paypal Form Buttons Actual Size Is Not Noticed By Front End Rendering Overlaps

I have a paypal form button on my page. It’s included twice on purpose.
https://affordableconsulting.tk/
In the first instance the header under the botton shows up beside the button, if I center the header they overlap.

In the second instance there is an image under the button, which also overlaps.

It looks great in the editor just not on the front end. Trying att addition breaks and paragraphs hasn’t helped.

How do I fix this?

Here is the text for the first conflict:
`<div style=”width: 25%; margin: 0 auto;”><form action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post” target=”_top”><input name=”hosted_button_id” type=”hidden” value=”ENCRYPTIONHERE” />
<table class=” aligncenter” style=”height: 181px;” width=”198″>
<tbody>
<tr>
<td><input name=”on0″ type=”hidden” value=”Enter Your Phone Number” />Enter Your Phone Number</td>
</tr>
<tr>
<td><input maxlength=”200″ name=”os0″ type=”text” /></td>
</tr>
<tr>
<td><input name=”on1″ type=”hidden” value=”Enter Your Time Zone” />Enter Your Time Zone</td>
</tr>
<tr>
<td><input maxlength=”200″ name=”os1″ type=”text” /></td>
</tr>
<tr>
<td style=”text-align: left;”><input alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif&#8221; type=”image” />
<img class=”aligncenter” src=”https://www.paypalobjects.com/en_US/i/scr/pixel.gif&#8221; alt=”” width=”1″ height=”1″ border=”0″ /></td>
</tr>
</tbody>
</table>
</form></div>
<h2 style=”text-align: left;”>This is not just a?consultation:</h2>