Социальные кнопки, шаг 2

Я не понимаю, почему задав вертикальное выравнивание ссылкам (класс social), под выравнивание попал и текст в теге <b>, который не является ссылкой. Объясните пожалуйста.

Прикрепляйте к вопросу ссылку на задание, если вопрос не по испытанию, а промежуточному заданию.

Прикрепил.

Текст внутри тега <b> не выравнивается по середине автоматически. Это иллюзия.
Задайте vertical-align: middle; для <b> отдельно, чтобы увидеть, что “середина” получается на 1-2px ниже.

Спасибо. Но почему <b> вообще реагирует на vertical-align для <a>?

Не реагирует, остается на своем месте. Это ссылки смещаются вниз. А кажется, что наоборот <b> вверх поднимается.

Спасибо!