Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Align checkbox labels (web)

Tags:

html

css

A picture says more than a thousand words?

screenshot

I would like the second (and consecutive) lines to be aligned with the first. Any ideas?

Html is

<input><span>text</span>
like image 737
Bertvan Avatar asked Sep 27 '10 11:09

Bertvan


1 Answers

.thing input { float: left; }
.thing label { display: block; margin-left: 2em; }

<div class="thing">
    <input type="radio" id="potato"/>
    <label for="potato">Text over multiple lines should be aligned properly...</label>
</div>
like image 190
bobince Avatar answered Oct 12 '22 13:10

bobince