css - 浮动+垂直对齐

Question

如何在 html/css 中实现这一点：

Client:                                               Sales person:
John Smith                                            Mike Anderson

所以基本上我需要两个输入在页面左侧垂直平铺，在右侧相同。

Answer 1

你甚至尝试过什么吗？只需使用花车就可以了

HTML

<div class="left"></div>
<div class="right"></div>
<div style="clear: both;"></div>

CSS

.left {
   float: left;
}

.right {
   float: right;
}

如果它是表格格式，最好使用表格而不是 div