No wrap alternative
2012/02/23 Css resources, examples & tutorials for webmasters and online professionals
No wrap alternative
div{ white-space: nowrap; } 
For most web designers tables are a thing of the past. One feature that some of us miss is the old nowrap option, that avoided breaking words into multiple lines.
The syntax was something like <td nowrap="nowrap">These words don't break</td>
Fortunately there is a css alternative. Simply add 'white-space:nowrap;' to your class to achive the same effect.
Example
<div style="width:20px; padding: 4px; border: 1px solid #666;">This will break</div>
This will break
<div style="width:20px; white-space:nowrap; padding: 4px; border: 1px solid #666;">This will not break</div>
This will not break
Leave a reply.