Разница между display: inline и display: block для выравнивания текста заключается в следующем:

1. display: inline означает, что элемент отображается встроенным, внутри текущего блока на той же строке. 1 Ширина и высота элемента определяются по содержимому, поменять их нельзя. 3 Содержимое инлайн-элемента может переноситься на другую строку. 3
2. display: block означает, что элемент отображается как блок, с переносом строки до и после него. 15 Блочные элементы располагаются один над другим, вертикально, и стремятся расшириться на всю доступную ширину. 3 Можно указать ширину и высоту явно. 3

Таким образом, display: inline позволяет выравнивать элементы рядом друг с другом на одной строке, а display: block — располагать элементы один над другим, с переносом строки перед и после них. 15