Search code examples
cssblock

Empty div within parent should appear the same


If you see the following jsfiddle, the div a elements that have no text appear on a different level than the ones with text. Is there a way with CSS to make these appear in a row whether or not there is text present? (w/o changing the markup).

I set the link elements as block so that they would be the same height if some link text was empty

http://jsfiddle.net/ch9Ax/


Solution

  • Adding vertical-align:top; to the rule #bzm .button fixed it in my test browser