Checkbox - 2 lines - html - css

by Lio Fleishman

HTML

<div class="container">
	<label for="">
		<input type="checkbox">
		this text should be long enough to cut itself
	</label>
</div>

CSS

.container {
  width: 200px;
}

label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}