Can't get text to vertical-align:middle?

[Rob Ainscough]

If I change the Height (i.e. 10px) of a RadLinkButton, no matter what I do, I can't get the Text to vertical align.  Is this a bug or can someone provide me an example on how to get the Text to correctly align vertically?

<tr>
    <td style="width:8px"></td>
    <td style="text-align:center; vertical-align:middle">
        <telerik:RadLinkButton ID="rlbn_ResetPassword" runat="server" Text="Reset Password" RenderMode="Lightweight" Height="10px" Font-Size="Small" Style="vertical-align:middle"></telerik:RadLinkButton>
    </td>
    <td style="width:8px"></td>
</tr>

 

Cheers, Rob.

[Rumen]

Hello Rob,

Can you decrease the default size of the line-height of the button as shown below:

<style>
    .RadButton { line-height: 0.05em; }
</style>
<table>
    <tr>
        <td style="width: 8px"></td>
        <td style="text-align: center; vertical-align: middle">
            <telerik:RadLinkButton ID="rlbn_ResetPassword" runat="server" Text="Reset Password" RenderMode="Lightweight" Height="10px" Font-Size="Small" Style="vertical-align: middle"></telerik:RadLinkButton>
        </td>
        <td style="width: 8px"></td>
    </tr>
</table>

Regards,
Rumen
Progress Telerik