Removing line break in hyphenated acronym

design

#1

Hi, I have an acronym that runs throughout my site that is hyphenated ie DRG-t. Is there a way through css…or any other method that I can state that it never break that particular word into the next line, but always keep it together?

ie

the method of making the DRG-
t not break like this.

the method of making the
DRG-t always do this?

thanks


#2

for any other person who comes across this…here is the answer…

Apply the style white-space: nowrap;
For example:

.acro
{
white-space: nowrap;
}

DRG-t


#3

You can use a non-breaking hyphen in your HTML. That is Unicode character U+2011 (decimal character ‑). Since you are talking about a semantic issue here, you should not be trying to use CSS to do this.


Simon Jessey | Keystone Websites
Save $97 on yearly plans with promo code [color=#CC0000]SCJESSEY97[/color]


#4

thanks, that works perfect.


#5

Is there some place where I can find a list of the decimal characters? I need to find the character for the trademark symbol, ™

thanks


#6

The trademark symbol is &#8452. You can find some of the characters here, but these are really only the characters the named entities. For a complete set of all the Unicode characters, go to this page of the Unicode site and pick your character set of choice.


Simon Jessey | Keystone Websites
Save $97 on yearly plans with promo code [color=#CC0000]SCJESSEY97[/color]


#7

Simon,
Thanks for those links, they should come in handy. I didn’t even realize there were so many available.
Silk

My website