Vertical align input text hack

by John Schulz

HTML

<input id="toppy" value="i am at the tippy-top" />
<input id="rock-bottom" value="I have hit rock bottom" />

CSS

input {
  display: block;
  background: #DDD;
  margin-bottom: 1.0em;
}  

#toppy {
  padding-bottom: 100px;
}

#rock-bottom {
  padding-top: 100px;
}