Member Avatar for wanttocode 
<div class="links1">
<ul style="float:left; position:absolute; top:115px; right:200px; display:inline;">
<li><a href="#">Warranty & Support</a></li>
<li><a href="#">Shipping Info</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

I want these links to be arranged in horizontal in navigation bar but the display="inline" is not working in the "ul" tag please suggest some solution???

  • 2 Contributors
  • 1 Reply
  • 75 Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by hericles
Member Avatar for hericles

You need to set display: inline-block for the li elements of the ul.
At the moment you have only told the ul to display inline with other sibling elements, which won't affect its children.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.