Задача такая. Нужно сделать ряд красивых кнопок-ссылок с текстом на них.
Решение, вроде, очевидно - картинку в бэкграунд тэга A, задать блочный вид элемента, выравнивание влево, чтобы можно было горизонтально линейку таких кнопок положить и - vertical-align: middle.
Но не тут-то было. vertical-align работает только в рамках текущей строки. А контент каждого блочного "a" - это отдельная строка.
Если задать общий line-height - тут вторая бяка. Длинный текст должен сворачиваться в две строки. Но с line-height во всю высоту строки вторая строка уползает вниз под кнопку.
Есть мысли, как это обойти, кроме лобового использования разных классов для которких и длинных строк?