为什么一个标签“打破”，另一个标签行为？

Question

用下面的HTML和CSS和jQuery（中的jsfiddle），“开始日期”标签断裂成两行：

开始 日期

......而“开始时间”保持在同一行，正如我所期望/希望的那样。

HTML：

<tr> 
      <td class="labelText"> 
       <label for="BeginTheBeguine">Begin Date:</label> 
      </td> 
      <td> 
       <input type="date" name="BeginTheBeguine" id="BeginTheBeguine" /> 
      </td> 
      <td> 
       &nbsp; 
      </td> 
      <td class="labelText"> 
       <label for="BeginTime">Begin Time:</label> 
      </td> 
      <td> 
       <input type="time" name="BeginTime" id="BeginTime" /> 
      </td>   
     </tr> 

CSS：

.labelText { font-family: verdana } 

的jQuery：

$(function() { 
var pickerOpts ] { 
    appendText: "mm/dd/yy", 
    defaultDate: "-1", 
    showOtherMonths: true 
}; 
$("#BeginTheBeguine").datepicker(); 
}); 

为什么 “开始日期” 破了，我怎么能阻止它这样做？

Answer 1

如果表格不太合适，浏览器需要启动某处并换行文字。看起来它正在挑选第一个单元格。

如果要强制这些标签留在单一的线，不管，尝试：

.labelText { 
    font-family: verdana; 
    white-space: nowrap; 
}