How to move the images to the right

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">&nbsp;&nbsp;Home</a><br><br>

<IMG src="/images/hphone1.gif"><a href="?action=register">&nbsp;&nbsp;Register</a><br><br>

<IMG src="/images/hphone2.gif"> <a href="?action=faq">&nbsp;&nbsp;FAQ</a><br><br>

<IMG src="/images/hphone3.gif"> <a href="?
action=terms">&nbsp;&nbsp;Terms Of Use</a><br><br>

<IMG src="/images/hphone4.gif"> <a href="?action=contact">&nbsp;&nbsp;Contact Us</a><br><br>


<IMG src="/images/hphone5.gif"><a href="?action=forgotpass">&nbsp;&nbsp;Forgot Password</a><br><br>

<IMG src="/images/hphone6.gif"><a href="?action=forgotusername">&nbsp;&nbsp;Forgot Username</a><br></font>

Code (markup):

 

Hi, are you using the align tag? How about making a table with padding?

 

Put a div around them or something and use padding or margin on that div.

 

yes, try something like this.

<div style="margin-left:10px;">
--- Your code --

</div>