如何使用div对齐表格之类的表格？

Question

这是我的代码：

<div>
    <label>Name</label><input type="text" id='name'/><br />
    <label>Email</label><input type="text" id='email'/><br />
    <label>Place</label><input type="text" id='place'/><br />
</div>

我是 CSS 新手，我不希望表格对齐，但完美应该是一样的，并且不想将样式应用于单个元素。 任何帮助表示赞赏。

Answer 1

我假设您想要将标签和输入彼此对齐，在这种情况下您将需要浮动。这是快速的 css 代码：

form {
 width: 500px;
 overflow:hidden;}

label {
 clear: both;
 float: left;
 width: 40%;}

input {
 float: left;
 width: 55%;}

我认为应该可以:)