I have these images and text. Is there any code I can use to move these 7 lines over to the right a little? Thanks. <font face="Arial" color="#000000" size="3"><IMG src="/images/hphone.gif"> <a href="?action=login"> Home</a><br><br> <IMG src="/images/hphone1.gif"><a href="?action=register"> Register</a><br><br> <IMG src="/images/hphone2.gif"> <a href="?action=faq"> FAQ</a><br><br> <IMG src="/images/hphone3.gif"> <a href="? action=terms"> Terms Of Use</a><br><br> <IMG src="/images/hphone4.gif"> <a href="?action=contact"> Contact Us</a><br><br> <IMG src="/images/hphone5.gif"><a href="?action=forgotpass"> Forgot Password</a><br><br> <IMG src="/images/hphone6.gif"><a href="?action=forgotusername"> Forgot Username</a><br></font> Code (markup):
Just add <p align="right"> to move it to extreme right and <p align="center"> to move it to center. Also add </p> at the end .
Thanks for the reply, but that's not exactly what I'm looking for. I'd like to move these lines over just a bit, and have them stay lined up vertically. The align="right" moves them all the way right, and align="center" centers everything but doesn't keep them lined up vertically. Any other suggestions? I need a margin or something.
yup... a margin. Try wrapping them with a <div> with the margin style like so: <div style="margin-left: 20px;"> <IMG src="/images/hphone1.gif"><a href="?action=register"> Register</a><br><br> </div> Code (markup):
I took a guess that this was a menu. Simply change the 10px from "ul.menu {margin:0 0 0 10px}" to however many pixels you want to bump it over