Align center for <ul></ul> ?

Marc0 · Aug 3, 2012

I have made nav-bar for my site

<div id="nav-bar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Extensions</a></li>
</ul>
</div>

with css

nav-bar ul li{
display: inline;
boder-right: 1px solid #000000;
padding: 0px 4px;
}
nav-bar ul li:last-child{
border: none;
}

how to align center for <ul><ul> for that code ?

Thanks

webdesign · Aug 3, 2012

Using

a{
background: #FFFFFF url("picture.gif") left no-repeat;
}
a:hover{
background: #FFFFFF url("picture.gif") -16px no-repeat;
}

or

ul {
display: inline-block;
zoom: 1;
_display: inline;
}

cheers,

Align center for <ul></ul> ?

Marc0

Well-known member

webdesign

Well-known member

Latest posts New threads

Latest posts

New threads

Latest Hosting Offers New Reviews

Latest hosting offers

Popular Contributors - Past 30 Days

Sponsors

Tag Cloud