Центрировать встроенный элемент, расположенный рядом с двумя нецентрированными элементами. ⇐ CSS

[Anonymous]

На моей веб-странице есть три встроенных элемента, и я хочу, чтобы только второй из них был центрирован, а третий — по левому краю.

Код: Выделить всё

Website


.inline1 {display: inline; padding-right: 10px;}
.inline2 {display: inline; text-align: center;}
.inline3 {display: inline; text-align: right; padding-left: 10px;}




[h4]
Inline 1
[/h4]
[h4]
Inline 2
[/h4]
[h4]
Inline 3
[/h4]

Ни один из этих методов не сработал:

• использование позиции и левого угла в CSS;
• изменение отображения родительского div;
• изменение выравнивания текста родительского div и добавление полей между элементами;
• изменение встроенных элементов на inline-block , flex, table или tablecell;

Я хочу, чтобы элементы находились на одной строке, но располагались по-разному по горизонтали.

Подробнее здесь: https://stackoverflow.com/questions/781 ... d-elements