表单标签在css中没有获得宽度

Question

我有一个HTML表单[here] [1].我将标签的显示设置为inline和width,200px但它没有得到宽度.我怎样才能给它宽度以便它呢？

这是我的表格

<form>
<div>
    <label>Name</label>
    <input type="text" />
    <label>Organization</label>
    <input type="text" />
</div>
<div>
    <label>E-mail</label>
    <input type="text" />
    <label>Phone</label>
    <input type="text" />
</div>
</form>

而CSS:

label {
    display: inline;
    width: 200px;
}

Answer 1

你不能给width一个inline元素.如果要将其设置为内联并具有宽度display,inline-block则必须将其设置为.

将CSS更改为

label {
    display: inline-block;
    width: 200px;
}

使它工作.

现场演示:http://dabblet.com/gist/3149758