html - CSS将文本与选择在同一行中对齐

我正在尝试在html的同一行中对齐2 div，但是我找不到一种方法。我尝试使用

   position:relative;

在父母和

position:absolute;

在儿童中，但没有成功，似乎只能与文字配合使用。

This is the Fiddle

最佳答案

将两个div元素都设置为float: left并将margin-right从.right类中删除。

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

div现在将在同一行上，但是可能尚未出现。删除margin元素的默认p，一切就绪。

p {
  margin: 0;
}

Demo

完整代码如下：

.left{
  float:left;
  width: 50%;
}

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

p {
  margin: 0;
}

<div class="parent">
  <div class="left">
    <span>SOME TEXT</span>
  </div>
  <div class="right">
    <p>Mostrar:&nbsp</p>
    <select>
      <option value="todas">TEXT</option>
      <option value="leidas">TEXT</option>
      <option value="noLeidas">TEXT</option>
    </select>
  </div>
</div>

关于html - CSS将文本与选择在同一行中对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35793486/