Html 带有[white space:no wrap]的TD未按预期工作？

我有一张桌子：

请看正确的TD

黄色div应具有其高度（强制）。我需要垂直对齐

复选框

+

SPAN

所以我把它们都放在：

float:left

中，并使用

边距顶部

但是当我减小浏览器宽度时，

SPAN

会下降：

我已经没有包装了

我不在乎文本（td#2）是否被包装，我只需要将

复选框

+

span

始终放在一起。
我不能在包装器div上使用

width

，因为这里的

Yes

是英文的，但它是一个多语言网站。因此，我需要的文本，以适应其原始长度

我该怎么做才能使这两个元素都不被包装

这是你的电话号码

td{
边框：实心1px绿色；
}
.我的支票{
浮动：左；
边缘顶部：16px；
}
迈斯潘先生{
浮动：左；
边缘顶部：12px；
}

1.
同一天，我们将暂时离开劳动区
对

规则的名称是

nowrap

not

no wrap

新行的中断是由元素单独向左浮动引起的

将复选框放在

中（或者最好是

元素），这将修复它。此外，不需要浮动元素-您只需使其

display:block

<label  class='mySpan'>
    <input type='checkbox' class='myCheck' />
    Yes
</label>

我建议你在td里放一张桌子，这样它就不会卷起来了

<td style='white-space:no-wrap;'>

<table style='white-space:no-wrap;height:50px;background-color:yellow;'>

          <tr>
            <td> <label  class='mySpan'>Yes</label></td>
            <td><input type='checkbox' class='myCheck' /></td>

          </tr>
<table>

</td>


对

注意：HTML是语义的，因此对于标签，请使用label元素，这对世界更有利：）
尝试以下方法：

固定的。但问题仍然存在于Firefox中。（在chrome中没问题）我不知道如何更新jsbin，但如果您从span/checkbox中删除
float:left
，它在FFX中是固定的。您可以使用ctrl+s保存，并查看url是否不同。现在粘贴它。但是如果我删除浮动，我将无法玩边距顶部等…为什么不呢？当我把它们取下来的时候，我觉得很好。是的，我觉得它当然起作用了。我只是想知道我该怎么做才能修复它。（以及完全控制）所以我不明白问题出在哪里？您希望标签和输入始终保持对齐，对吗？在不操纵html结构的情况下按需要工作。太好了。谢谢。请将代码从JSbin转移到这里，这样问题就可以解决了。就目前而言，它缺乏一个有效的机制。
<td style='white-space:no-wrap;'>

<table style='white-space:no-wrap;height:50px;background-color:yellow;'>

          <tr>
            <td> <label  class='mySpan'>Yes</label></td>
            <td><input type='checkbox' class='myCheck' /></td>

          </tr>
<table>

</td>

<td style='white-space:nowrap;'>
  <label>
    <input type='checkbox' />
    <span class='mySpan'>
      Yes
    </span>
  </label>
</td>

.mySpan
{
  position:relative;
  top:-2px;
}