tonoslfx tonoslfx - 6 months ago 11
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;

HTML:

<NAV>
<UL>
<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>
</UL>
</NAV>


CSS:

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

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

About the white-space property: http://vidasp.net/CSS-white-space-property.html