Выровнять значок вертикально по центру первой строки текста. ⇐ Html

[Anonymous]

Вот глаза с соответствующими элементами: центр свойство. Они в порядке для однострочного текста и проваливаются для многослойного текста:

< /p>

Вот глаза с выравнивающими элементами: базовый < /code> (или flex-start < /code>). Они лучше для многослойного текста, но не идеальны для всех из них, потому что я хочу выравнивать глаза в центр первой строки текста: < /p>



Чего я пытаюсь достичь, так это: < /p>

< /p>

Смотрите, как изображение глаза центрируется на первой строке текста? Использование прокладки или маржи? < /p>

(это упрощенный пример. В реальной проблеме я не хочу вводить накладку, потому что это повлияет на другие элементы.) < /p>

Вот jsfiddle для игры с: http://jsfiddle.net/sqp1wdap/

Подробнее здесь: https://stackoverflow.com/questions/321 ... ne-of-text