<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;">
Black Jack Bonney
</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;">
Like anyone confronted with the harshness of robbery on the high seas, you can be pessimistic at times. You can be a little bit unpredictable, but a pirate's life is far from full of certainties, so that fits in pretty well. 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;">
Black Jack Bonney
</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;">
Like anyone confronted with the harshness of robbery on the high seas, you can be pessimistic at times. You can be a little bit unpredictable, but a pirate's life is far from full of certainties, so that fits in pretty well. 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>