Vertical alignment of empty inline-block elements

Question

Consider the following html/css:

a


        

Answer 1

Just in case still helps someone, another solution, enforcing to have some space from CSS:

  span:empty:before {
    content: "\0020";
    display: inline-block;
  }