Hello, I am designing a template for my site, elvenprog.com (it needs one badly ). I have aligned all of my images through css, but for some reason the "hello" statement is not aligned. I have tried <p class="links"> and some other ways, but have no idea what is going on. Please review my code and post any suggestions. Thanks!!! <html> <STYLE TYPE="text/css" MEDIA=screen> <!-- .text { background-image:url('txt.png'); top:320px; left:191px; width:920px; length: 700px; z-index: 8; border:none; STYLE="TEXT-DECORATION: NONE"; position:relative; border:2px solid black; margin:0px; padding:0px; border:2px; } .banner { background-image:url('banner.jpg'); top:0px; left:410px; z-index: 3; border:none; STYLE="TEXT-DECORATION: NONE"; position:absolute; margin:0px; padding:0px } .nav { background-image:url('nav.png'); background-repeat: repeat-y; background-position: left; top:209px; left:200px; z-index: 4; border:none; STYLE="TEXT-DECORATION: NONE"; position:absolute; margin:0px; padding:0px .links{ text-align: center; left:5px; top:5px; z-index: 9; position:absolute; } --> </STYLE> <image class="text" src="txt.png"></image> <image class="banner" src="banner.jpg"></image> <image class="nav" src="nav.png"></image> <p class="links"> hello </p> </html> Code (markup):