html - 这样做的 css 方式是什么

Question

执行此操作的 css 方式是什么...

                text | input
           text text | input
                text | input input
      text text text | input

其中 text 是输入字段 input 的一些标签

UPD 通常你可以在用户注册表中看到这样的布局

Answer 1

CSS:

label {
    float: left;
    text-align: right;
    width: 100px;
    margin-right: 1em;
}

HTML:

<label for="i1">text</label><input id="i1" name="i1" /><br>
<label for="i2">text text</label><input id="i2" name="i2" /><br>
<label for="i3">text</label><input id="i3" name="i3" /> <input id="i5" name="i5" /><br>
<label for="i4">text text text</label><input id="i4" name="i4" /><br>

http://jsfiddle.net/wEcGf/