• • 已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
3天前关闭。
Improve this question
我不能在一个父div元素中水平放置两个div。下面是我目前所做的。

.item {
  height: 15%;
  margin-top:3%;
  background-color: rgb(255,255,255);
  border-top: 2px solid rgb(0,0,0);
  border-bottom: 2px solid rgb(0,0,0);
}

.todoname {
  width: 300px;
  background-color: blueviolet;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}

.todocheckboxcontainer {
  width: 100px;
  height: 100%;
  background-color: brown;
}

<div class="item">
  <div class="todocheckboxcontainer">
    <input class="todocheckbox" type="checkbox" onclick="console.log('test')">
  </div>
  <div class="todoname">
    testing
  </div>
</div>

我尝试过使用浮点、内联、内联块和其他一些可能的解决方案，但都不起作用。