Cross-browser vertical centering without Javascript and almost no CSS.

Cross-browser vertical centering without Javascript and almost no CSS. The only catch is you have to use a <button> tag.

by peterhry

HTML

<button><img src="http://placehold.it/200x200" /></button>

CSS

button {
 width: 400px;
 height: 400px;     
 background: none;
 border: 1px solid #ccc;    
}