<div style="position:relative; border:1px #320 solid; background-color:#c9b390; padding:0 10px; width:400px; text-align:center; font-family:serif; left:50%; margin:25px 0 25px -200px; color:#320;">
<div>
My pirate name is:
</div>
<div style="font-size:32px;">
Mad Anne Roberts
</div>
<img src="flag.gif" style="top:5px; position:relative; display:block; width:100px; background-color:#320;" />
<div style="left:110px; top:-60px; width:290px; position:relative; text-align: justify;">
Every pirate is a little bit crazy. You, though, are more than just a little bit. Two things complete your pirate persona: style and swagger. Maybe a little too much swagger sometimes -- but who really cares? Arr!
</div>
<a href="http://www.fidius.org/quiz/pirate/" style="position:absolute; width:100%; left:0px; bottom:20px; color:#f8eecc;">Get your own pirate name from fidius.org.</a>
</div>
<div>
My pirate name is:
</div>
<div style="font-size:32px;">
Mad Anne Roberts
</div>
<img src="flag.gif" style="top:5px; position:relative; display:block; width:100px; background-color:#320;" />
<div style="left:110px; top:-60px; width:290px; position:relative; text-align: justify;">
Every pirate is a little bit crazy. You, though, are more than just a little bit. Two things complete your pirate persona: style and swagger. Maybe a little too much swagger sometimes -- but who really cares? Arr!
</div>
<a href="http://www.fidius.org/quiz/pirate/" style="position:absolute; width:100%; left:0px; bottom:20px; color:#f8eecc;">Get your own pirate name from fidius.org.</a>
</div>