将label和div放在同一行

如果你想将HTML中的`<label>`元素和`<div>`元素放在同一行上，你可以使用CSS的布局属性来实现。通常，可以使用以下方法：

1. **直接嵌套**:

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

这样，`<label>`会紧挨着`<input>`标签，它们会在默认的行内水平排列。

2. **使用Flexbox**:
如果需要更灵活的布局，可以在包含这两个元素的容器上应用`display: flex;`样式：

   <style>
     .container {
       display: flex;
       align-items: center; /* 保持上下对齐 */
     }
   </style>
   
   <div class="container">
     <label for="yourInput">Label文本:</label>
     <input type="text" id="yourInput">
   </div>

3. **使用Grid布局** (适用于复杂的网格布局):

   <style>
     .container {
       display: grid;
       grid-template-columns: auto auto; /* 列宽自适应 */
       gap: 0.5em; /* 可调整间距 */
     }
   </style>

   <div class="container">
     <label for="yourInput">Label文本:</label>
     <input type="text" id="yourInput">
   </div>