display inline li

How to display inline the buckets?

I used in css display:inline but it doesn't takes because I think it's a css conflict.

Please help.

 

<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<br style="clear:left"/>
</div>




.menu{
width: 100%;
background-color: #333; }

.menu ul{
margin: 0; padding: 0;
float: left;}

.menu ul li{
display: inline;}

.menu ul li a{
float: left; text-decoration: none;
color: white;
padding: 10.5px 11px;
background-color: #333; }

.menu ul li a:visited{
color: white;}

.menu ul li a:hover, .menu ul li .current{
color: #fff;
background-color:#0b75b2;}​

 

still doesn't work

 

post ur html css here

 

give float left to li and you will resolve the issue.