Дефис, вызывающий разрыв строки в HTML

Question

Я хочу, чтобы дата 2012-13-12 всегда заканчивалась на одной строке. Если я использую/как разделитель даты, он работает, но знак «-'» (не очень удивленный) делает дату в конечном итоге на две строки.

<div class="someclass"> 
     around lorem Ipsium lorem Ipsium 2012-13-12 lorem Ipsium lorem Ipsium 
</div> 

и

.someclass { width:40mm; } 

http://jsfiddle.net/yjK6D/

Любые предложения?

Answer 1

использовать css с "white-space: nowrap;"

или (старый метод) использовать тег "NOBR" пример 1:

<style type='text/css'> 
    .nobr { white-space:nowrap; } 
</style> 
<div> 
around lorem Ipsium lorem Ipsium around lorem Ipsium lorem Ipsium <span class='nobr'> 2012-13-12 </span>lorem Ipsium lorem Ipsium 
</div> 

например, два:

<div> 
    around lorem Ipsium lorem Ipsium around lorem Ipsium lorem Ipsium <nobr> 2012-13-12 </nobr>lorem Ipsium lorem Ipsium 
</div>