tonoslfx tonoslfx - 1 year ago 92
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 Source

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

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