css - Unwanted vertical HTML text - premature shrink wrap effect -
i've encountered on drupal websites, may have either zen or garland theme default css. however, life of me cannot determine why continues happen, @ random.
the best way explain view image here. happens regardless of word-wrap
, white-space
css settings, , @ random. it's 1 element, it's (here has happened between 'our brand' , 'submit' in menu).
the image attached inline <ul>
links inside each <li>
.
any insight appreciated!
here sample of styling menu shown in screenshot:
<style type="text/css"> #navbar { float: left; height: 32px; overflow: hidden; margin-left: 0px; margin-right: -100%; padding: 0px; width: 100%; } #navbar ul { margin: 0px; padding: 0px; text-align: left; } ul.links li { display: inline; list-style-type: none; padding: 0px 0.5em; } #navbar li { float: left; padding: 0px 20px 0px 0px; } #primary { text-decoration: none !important; white-space: pre !important; } </style>
have @ actual page sourse (not using firebug) make sure text entered normally. use of white-space: pre; cause preserve whitespace. should white-space:nowrap;
Comments
Post a Comment