-2

I couldn't figure out how to vertically center the text of a link button when the text goes too long.

as shown in this example:

the first button's text aligned top, I couldn't get it in the middle.

line-height needs to be maintained in 22px or to make 2 lines fit in a single button.

Please help

Thank you in advance

potashin
  • 44,205
  • 11
  • 83
  • 107
shensw
  • 223
  • 1
  • 3
  • 14
  • @Notulysses: YES, it works like a champ, thank you so much, much appreciated, sorry for the late reply. – shensw Jun 06 '14 at 22:29

2 Answers2

2

Change display inline-block with table-cell and vertical-align:text-top with middle in the .location_button CSS class

Example

potashin
  • 44,205
  • 11
  • 83
  • 107
0

You could add a line break to force the code to break?

<td class="button_cell">
    <a class="location_button" href="#">Kitchenerfa<br>sdfasdf King</a>
</td>
Ellery
  • 1,356
  • 1
  • 14
  • 22