Vertical align middle on an inline-block anchor tag
问题 I have a need for my links and buttons to look the same, but I've been unable to vertically align the text within an "a" tag in the same manner as the "button" tag. It is important to note that the tags need to be able to handle multiple lines of text (so line-height will not work). a,button { display: inline-block; -moz-box-sizing: border-box; width: 150px; height: 150px; vertical-align: middle; border: 1px solid #000; text-align: center; } See the jsfiddle below: http://jsfiddle.net/bZsaw/3