在同一行上顯示文本和標簽

Question

我為此感到困惑，因為我已經嘗試了CSS和直接HTML，都通過表格使我的文本和文本框顯示在同一行上，但是這兩種方法總是將文本放在文本框的頂部。 我喜歡table方法，因為我的CSS方法只是將頁面分成兩半，並且文本框之間有笨拙的空間。

但是，問題是-HTML的方式是什么（我們可以使用JavaScript，JQuery，CSS，HTML等）對這種方式進行格式化？

嘗試1

<table>
 <tr>
    <td>Payroll End Date:<input type="date" name="enddate" value="<?= $_POST['psdate'] ?>"></td>
    <td>Payroll End Date:<input type="date" name="startdate" value="<?= $_POST['pedate'] ?>"></td>
 </tr>
</table>

嘗試2

<div id="right">Payroll End Date:<input type="date" name="enddate" value="<?= $_POST['psdate'] ?>"></div>
<div id="left">Payroll End Date:<input type="date" name="startdate" value="<?= $_POST['pedate'] ?>"></div>


#left {
  float: right ;
  width: 50% ;
}
#right {
  float: right;
  width: 50%;
}

Answer 1

試試這個例子-它對我有用，並將所有內容放在一起

<div name="payroll" id="oneline">
Payroll End Date:<input type="date" name="enddate" value="<?= $_POST['psdate'] ?>">
Payroll End Date:<input type="date" name="startdate" value="<?= $_POST['pedate'] ?>">
</div>

並添加一些CSS樣式

#oneline {
    display: inline-block;
    vertical-align: right;
}

還有一個方便的小提琴在這里http://jsfiddle.net/Lera/HEeHd/