Anyone know how to justify menu like on screen without making images
http://www.vantoom.kylos.pl/eventproject/aa_menu.jpg

I wrote a code with nice working menu but have no idea how to justify it

/*////////// NAV //////////*/
#top_navlist {
width: 860px;
height: 60px;
}
.bevelmenu{
padding: 6px 0;
margin: 0;
width: 100%;
text-align: justify; /*?*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
text-transform: uppercase;
}

.bevelmenu li{
list-style: none;
display: inline;

}

.bevelmenu li a{
padding: 3px 1px 3px 1px;
text-decoration: none;
color: #333;
}

.bevelmenu li a:hover{
color: #009EE0;
border-style: outset;
}
.bevelmenu li.current_page_item a{
color: #009EE0;
border-style: outset;
} 

I see you are using Wordpress, no?

So the "Home" link may be manually input, give it another class. Text-align it to left, with specific width.

The rest, use specific width and text-align to right...



Hope that help...

Yeah it is Wordpress (i think you guess by li curent item )

Good idea. Ill try.
Thanks for answer