title: Force vertical alignment despite lack of text?
body: <p>I would like to vertically center a <code>display:inline-block</code> element with <code>vertical-align:middle</code>. The problem is that it doesn't vertically align in the absolute center until the text reaches that point.</p>
  
  <p>See: <a href="http://jsbin.com/afojew/1/edit" rel="nofollow">http://jsbin.com/afojew/1/edit</a></p>
  
  <p>This works, but is a bit hacky: <a href="http://jsbin.com/afojew/2/edit" rel="nofollow">http://jsbin.com/afojew/2/edit</a> 
  edit: ^ that doesn't quite work, but this does: <a href="http://jsbin.com/afojew/3/edit" rel="nofollow">http://jsbin.com/afojew/3/edit</a></p>