html - 标签和输入在同一边框内

Question

如图所示，我有 2 个标签和两个输入：

如何才能做到这一点？我正在使用外部 css 文件。

html代码：

<fieldset class="polje">
            <legend>Podatki</legend>
            <dl>
              <dt id="border1">
                <label id="ime_label" for="ime">Ime</label> 
              </dt>
              <dd id="border1">
                <input type="text" id="ime" tabindex="1">
              </dd>
              <dt id="border2">
                <label for="priimek">Priimek</label>
              </dt>
              <dd id="border2">
                <input type="text" id="priimek" tabindex="2">
              </dd>
            </dl>
          </fieldset>

Answer 1

我会做这样的DEMO http://jsfiddle.net/kevinPHPkevin/YJVek/

div {
    border:solid thin #000;
    margin:15px 0 0 0;
}
h2 {
    margin:-15px 0 0 10px;
    background:#fff;
    width:80px;
}
label {
    margin-left:10px;
    width:60px;
    float:left;
}
p.border {
    padding-top:10px;
    padding-bottom:10px;
    border-top:solid thin #ccc;
    border-bottom:solid thin #ccc;
}