input vertical align middle

by weijarz

HTML

<div id=line>
  <input type=checkbox>
  <label>Foobar<br>fuck</label>
 </div>

CSS

#line { 
  xheight: 150px;
  xline-height: 150px;
  xline-height: 1.5em;
  background: green; 
  font-size: 32px;
}
xinput { display: none; }
input { margin: 0; padding: 0; vertical-align: middle; }
#line:before {
  content: ' ';
  display: inline-block;
  xheight: 100%;
  height: 4em;
  vertical-align: middle;
  width: 10px;
  background: red;
}