Word Wrapping in CSS/HTML

[js19]

I'm searching for a way to force 2 words to always appear together on the same line in IE, FireFox and NN 8.x. The 2 words are my company's name. Let's use Deloitte Touche as an example. Each Web browser decides when to wrap text and could place Deloitte on one line and run out of room, and put Touche on the next line. I'd like for the browser to realize it's running out of room and to put Deloitte Touche together on the next line. Essentially, Deloitte Touche should always appear together because it's the name of a company. I'm willing to use HTML or CSS to accomplish this. I have tried the pre tag and have also searched for a CSS style, but haven't had any success.

[drhowarddrfine]

p{
width:12em;
outline:1px solid blue
}

span{
white-space:nowrap
}

<p>This is <span>Deloitte Touche</span></p>

[js19]

Thanks, that solved my problem.