как железно запретить перенос элемента на новую строку?
 

Здравствуйте!
Есть такая конструкция:

<ul id="1" class="cnt">
 <li class="nd el">
 <div class="e"/>
 <input type="checkbox"/>
  <div class="ctt">
   <div class="ifp"/>
   <div class="om"/>
   <div class="no">Текстовый!</div>
   <div class="ulc"/>
<div class="uhd"/>
  </div>
 </li>
</ul>

как сделать так чтобы всё содержимое в <li></li> было в одну строчку и не разрушалось ни при каких условиях кроссбраузерно! :help: :help: :help:

нет это для текста.
а мне нужно для элементов.

да ну?
у меня почему-то работает не только на тексте

при условии если родительский элемент меньше блока с дочерними в <nobr>, эти элементы перебрасываются.

<div style="width:50px;">
<nobr>
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
<img src="http://javascript.ru/forum/attachment.php?attachmentid=179&thumb=1&d=1250199719" />
</nobr>
</div>

Вложение 179
UPDATE:
Извиняюсь, затупил, не совсем вникнув в вашу задачу
Вам скорее поможет что-то в таком духе:

<style>
li.nd *{
float:left;}
</style>
<ul id="1" class="cnt">
 <li class="nd el">
 <div class="e"/>
 <input type="checkbox"/>
  <div class="ctt">
   <div class="ifp"/>
   <div class="om"/>
   <div class="no">Текстовый!</div>
   <div class="ulc"/>
<div class="uhd"/>
  </div>
 </li>
</ul>

спасибо за помощь, я нашёл у себя ошибку)