tonoslfx tonoslfx - 2 years ago 124
CSS Question

css float right space

anyone know how to fix this! on 'Get In Touch button'

enter image description here

it works find in another browser except IE7;


<LI><a href="#">Home</a></LI>
<LI><a href="#">Branding</a></LI>
<LI><a href="#">About</a></LI>
<LI><a href="#">Get In Touch</a></LI>


nav { float:right;}
nav ul { margin:0px; padding:0px; }
nav ul li { float:left; }
nav ul li { display:block; background:#ccc; padding:5px; margin-left:5px;}

Answer Source

Add white-space:nowrap to the nav ul li CSS rule.

About the white-space property:

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download