html - 如何使 <div> 元素像表格一样？

Question

我有 2 个 div 类。第一个类是 .first-div，第二个类是 .second-div。现在它看起来像这样:

如何在 css 中将第二个 div float 到第一个 div 的旁边？

我当前的 CSS 代码:

.first-div {
margin: 0 auto;
width: 150px;
border: 1px solid black;
}

.second-div {
float: left;
width: 150px;
}

Answer 1

.first-div {
margin: 0 auto;
width: 150px;
border: 1px solid black;
float: left;
}

.second-div {
float: left;
width: 150px;
}

也将 float left 添加到第一个；