I know how to line text to the left, center and right but how do you align it to the exact position which you can do with images???

its just the same code:

<div id=layer1 style="position:absolute; top:20; left:20; width:300; height:300; z-index:1; padding:5px; border: #000000 2px solid; background-color:#000000; background-image:url(yourfilename.gif); layer-background-image:url(yourfilename.gif);">

Text goes here

</div>

Out of curiosity, will that work with <span> tags as well?