[Solved] vertical-align: middle item text

[Eva]

I have the following item in a menu.  The image is centered but the text appears aligned to the top.  I have added the HTML Attribute of vertical-align: middle to no avail.  I feel like this should be really simple, so what am I missing?

@{Html.Telerik().Menu()
.Name("RibbonBar")
.Items(menu =>
{
    menu.Add().Text("Standard Sets").HtmlAttributes(new { style = "vertical-align: middle;" })
        .ImageUrl("~/Content/Common/Images/Icons/office_folders.png")
        .ImageHtmlAttributes(new { style = "width: 24px; height: 24px;" })
})
.Render();
}

Thank you!

[Dimo]

Hello Eva,

HtmlAttributes of a Menu item are applied to the item's <li> element. Setting a vertical-align style does not influence the layout of the content inside the <li>. You can set a larger line-height instead (e.g. the same as the image height).

Regards,
Dimo
the Telerik team

[Eva]

Setting the line-height worked like a charm!  Thanks.