how do you right-align navigation using only html and css?

A

ATICE

New member
http://www.spoongraphics.co.uk/portfolio.html

I want my navigation to be right-aligned like that. So far I have this:

[html code]
<p><img src="images/impulse-logo1.png" width="180" height="180" />
<div class="nav"><ul id="menu1"><li>Home</li><li>Portfolio</li><li>Contact</li></ul></p></div>

[css code]
.nav {
float: right;
margin-right: 5px;
display: block;
}
NEW

[html code]
<p><img class="headerimage" src="images/impulse-logo1.png"
width="180" height="180" /></p>
<ul id="menu1"><li>Home</li>
<li>Portfolio</li><li>Contact</li></ul>

[css code]
.headerimage {
float: left;
}

ul#menu1 {
float: right;
margin-left: 200px;
margin-right: 5px;
text-align: right;
display: inline;
text-align: right;
}

[comments]
Thank you for your help, it's working a little better.. but not the same...
I'm wondering if my code is correct...

This is what it looks like now...
http://i1082.photobucket.com/albums/j365/ATICEMAN/screen1.png
 
Back
Top