SOURCE

<div class="form mal_30">
  <dl>
    <dd>
      <div class="form_box">
        <label class="label_box">
          输入框
        </label>
        <div class="form_box_m">
          <input class="input_f" type="text" placeholder="请输入" />
        </div>
      </div>
    </dd>
    <dd>
      <div class="form_box">
        <label class="label_box">
          下拉框
        </label>
        <div class="form_box_m">
          <select>
            <option>
              选项1
            </option>
            <option>
              选项2
            </option>
            <option>
              选项3
            </option>
          </select>
        </div>
      </div>
    </dd>
    <dd>
      <div class="form_box">
        <label class="label_box">
          单选按钮
        </label>
        <div class="form_box_m">
          <input type="radio" checked="checked" />
          <label class="label_r">
            选项1
          </label>
          <input type="radio" />
          <label class="label_r">
            选项2
          </label>
        </div>
      </div>
    </dd>
    <dd>
      <div class="form_box">
        <label class="label_box">
          多选按钮
        </label>
        <div class="form_box_m">
          <input type="checkbox" />
          <label class="label_c">
            选项1
          </label>
          <input type="checkbox" />
          <label class="label_c">
            选项2
          </label>
          <input type="checkbox" />
          <label class="label_c">
            选项3
          </label>
        </div>
      </div>
    </dd>
  </dl>
</div>

body {
  font-family: Verdana, Arial, Tahoma, serif;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
}

input {
  margin: 0;
  padding: 0;
}

.form dd {
  padding: 18px 6px;
}

.form_box {
  margin-bottom: 20px;
}

.form_box .label_box {
  width: 100px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #e6e6e6;
  float: left;
  background-color: #f6f6f6;
}

.form_box .form_box_m {
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #e6e6e6;
  float: left;
  padding: 0 20px;
  border-left: none;
  background-color: #fff;
}

.form_box .input_f {
  border: 0;
}

.form_box_m select {
  width: 180px;
  border: 0;
}

.form_box_m .label_r,
.form_box_m .label_c {
  margin-right: 20px;
}

.input_f {
  width: 200px;
  height: 34px;
  line-height: 34px;
}