div的label和text怎么放在同一行

可以通过 CSS 的 `display` 属性来实现 `div` 的 `label` 和 `text` 放在同一行。常用的方法有两种：

1. 使用 `display: inline-block` 或者 `display: inline`，将 `label` 和 `text` 变成内联元素，从而实现同一行显示。例如：

   <div>
     <label for="input">Label:</label>
     <input type="text" id="input">
   </div>

   label {
     display: inline-block;
     width: 100px; /* 设置 label 的宽度 */
   }
   input {
     display: inline-block;
   }

2. 使用 `float` 属性将 `label` 和 `text` 浮动到同一行。例如：

   <div>
     <label for="input">Label:</label>
     <input type="text" id="input">
   </div>

   label {
     float: left;
     width: 100px; /* 设置 label 的宽度 */
   }
   input {
     float: left;
   }

这种方法需要注意清除浮动，否则可能会影响其他元素的布局。可以在 `div` 的末尾添加一个空的 `div` 并设置 `clear: both`，或者使用其他清除浮动的方法。