I don't want word wrap but this is being. I have set width more than text length but this is still breaking so how can I stop word break.
css
.menu{ float:left; width:120px; height:34px; padding:12px 6px 0 6px; color:#cc8d50; }
You'll have to wrap your text in its own container. Since your <img> is floated to the left, you can use overflow: hidden on your newly-added container to achieve no wrapping of the text.
Word Wrapping Netscape includes two tags: <NOBR>... </NOBR>, and <WBR>. The former turns off wordwrapping between the start and end NOBR tag, while WBR is for the rare case when you want to specify where to break the line if needed.
You need to use the CSS white-space attribute. In particular, white-space: nowrap and white-space: pre are the most commonly used values.
Try:
.menu{ white-space: nowrap; ...
Add that to your CSS.
In your css insert this:
white-space:nowrap;
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With