Выравнивание элементов относительно их базовой линии и выравнивание относительно строки отличаются по своему принципу.
Выравнивание относительно базовой линии (например, с помощью свойства vertical-align) предполагает выравнивание строчных элементов с текстом относительно их базовой (нижней) линии. 5 Объекты выравнивания в этом случае выравниваются друг относительно друга путём добавления отступов внутри прямоугольников. 3
Выравнивание относительно строки (например, с помощью значений bottom, text-bottom, text-top) предполагает выравнивание нижней границы элемента по нижнему краю строки, верхней границы элемента по верхнему краю строки или выравнивание верхней границы элемента по верху самого высокого элемента строки. 1
Таким образом, основное отличие в том, что первое выравнивание направлено на взаимосвязь элементов относительно их базовой линии, а второе — на расположение элементов относительно конкретной строки или её частей.