Label checkbox icon vertical position
Hi,
I would like to make standard ui-checkbox icon (ui-checkbox-off / ui-checkbox-on) inside label to be vertical align same as label text. Require this because currently if there are long label text, the icon would appear in vertical-middle.
I am able to use CSS to make changes to ui-checkbox > input top:0px but the icon still remain in same.
I have tried all possible method and inspected each code but still to no avail.
Here is my JQM checkbox code. It is nothing fancy. You may need to resize your browser to smaller so the label text would make at least more than 2 lines height (heigher than icon's height).
- <input id="agree" name="agree" type="checkbox" value="1" data-mini="true">
<label for="agree" style="border:0; background-color:#ffffff; margin-top:-5px; ">Some long label text here. Some long label text here. Some long label text here. Some long label text here. Some long label text here. Some long label text here. Some long label text here.</label>
Any suggestion are very much appreciated. Thanks.