Как отцентрировать изображение?

Question

[LebedevStr]

https://jsfiddle.net/9gdL9oum/
vertical-aling: middle не помогает.

Comments

[Moskus]

Звездочка - такая фигура, которая, будучи размещена точно по центру, будет выглядеть смещенной, от того, что она не симметрична относительно своей горизонтальной оси.
Так что лучше всего присвойте картинке display:inine-block; vertical-align: top; margin-top: (тут значение, подобранное по вкусу). Не забудьте у текста также зафиксировать line-height, а то может по-разному на разных системах выглядеть.

Answer 1

[Дмитрий]

Я конечно хз, но почему бы просто не зафлексить?)

Ыыыы

Comments

[Сергей delphinpro]

действительно! то же самое хотел предложить...

[LebedevStr]

да просто я не шарю :) изящный вариант )

Answer 2

[nepster-web]

https://jsfiddle.net/9gdL9oum/3/

Answer 3

[iBird Rose]

ну картинку то ты выровнил. а текст кто будет выравнивать также по middle?
https://jsfiddle.net/9gdL9oum/4/

Answer 4

[Павел]

img {margin-top: -5px;}

Answer 5

[Neyury]

Полное руководство по центрированию (и по горизонтале и по вертикале)

Answer 6

[Сергей]

position:absolute;
top:50%;
transform:translateY(-50%);

у родителя соответственно position:relative
а у соседнего элемента margin-left: ширина картинки