The labels of checkboxes are not properly aligned? IMG 1 labels are properly aligned but not for IMG 2.How to align them?
Properly aligned text label of checkbox
misaligned label of checkbox
The labels of checkboxes are not properly aligned? IMG 1 labels are properly aligned but not for IMG 2.How to align them?
Properly aligned text label of checkbox
misaligned label of checkbox
You can use table
<table>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td class="text">Some Long Texttttttttttt</td>
</tr>
</tbody>
</table>
SNIPPET
.text{
width:100px;
}
<table>
<tbody>
<tr><td><input type="checkbox"></td><td class="text">Some Long Texttttttttttt</td></tr>
</tbody>
</table>
Use the css
display:inline-block
for both checkbox and text,Make sure that you include them with in a common div for those checkbox and text.