My HTML code gives a strange response. After the E-mail </script>, it seems to divide the page into 2 columns, ideas why and how to fix problem?
Code
<h4 style="float:left; padding: 0px 15%">1. E-mail us at <script type="text/javascript"><!--
var name = "aaa"; //
var domain = "goal-driven.net"; //
document.write('<a href=\"mailto:' + name + '@' + domain +
'?subject=Interest%20in%20...' + '\">');
document.write(name + '@' + domain + '<\/a>');
// --></script></h4>
<!-- problem seems to start here. The 'xxx' lines below show in 'column 2', why and how to fix? The 'zzz' line is okay from there on. -->
<h4 style="float:left; padding: 0px 15%">2. Send us a letter.</h4>
<p style="text-align:center"><b>xxx<br>
xxx<br>
xxx</b></p>
<p>yyy</p>
<h2 style="text-align:center;"><i>zzz</i></h2>

