Vertical align checkbox label?

This question already has an answer here:

How to align checkboxes and their labels consistently cross-browsers 36 answers

---

This is what I did with your code.

html

<label class="checkbox-label"><input type="checkbox" value="115">-middle</label>

css

label.checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

Fiddle

---

Try using:

vertical-align: text-bottom;

jsFiddle

Edit:

 <input id="checkbox" type="checkbox" value="115">
 <label class="checkbox-label" for="checkbox">Administrators</label>

jsFiddle

---

调整标签的线高度。

链接地址: http://www.djcxy.com/p/41444.html

上一篇: 如何对齐复选框和标签标签？

下一篇: 垂直对齐复选框标签？