Лучший способ центрирования картинки напротив текста по центру, в не зависимости от изменения размера шрифта, картинка по центру?

Question

[Alex Polyakh]

Помогите пожалуйста, когда делаю через float, часть текста прыгает под картинку.

Comments

[Lynn «Кофеман»]

РаСпродажа :-)

Answer 1

[Максим]

код бы выложили на codepen что ли , это вроде не сложно но не ясно что Вы имеете ввиду

Comments

[Alex Polyakh]

вот пожалуйста codepen.io/PolyakhAlex/pen/zBLNEr

[Максим]

Александр Полях: codepen.io/Geyan/pen/bZjgKA?editors=0100 вот так вернее

[Alex Polyakh]

Максим Жаров: Да все работает спасибо!

Answer 2

[Андрей Федоров]

В данном случает предлагаю использовать list-style-image: url('red_triangle.png'); т.е. картинку в место маркера для элемента списка.

В вашем примере достаточно картинке и тексту добавить vertical-align: middle;
codepen.io/aliencash/pen/BzPpJW

Comments

[Alex Polyakh]

Андрей, спасибо Вам. Скажите пожалуйста а если это не элемент списка, обычный span и рядом нужна картинка?!

[Андрей Федоров]

Александр Полях: Я бы делал на flex, это стало уже так привычно, что ничего другого не хочется. Так же есть вариант с использованием line-height.

[Alex Polyakh]

Андрей Федоров, мне сказали IE9-10 тутflex мне не поможет((

[Alex Polyakh]

Андрей Федоров, опишите пожалуйста как решить эту проблему с помощью line-height!?

[Максим]

Александр Полях: codepen.io/Geyan/pen/grjgZw вот так вроде

[Андрей Федоров]

Александр Полях: Да, но кто сейчас в ie9-10 сидит? меньше одного процента...

[Андрей Федоров]

Александр Полях: Максим вам уже подсказал

[Alex Polyakh]

Андрей Федоров: Андрей Федоров, мне сказали делать под IE9-10((, c флексом мне проще это все делать. опишите пожалуйста как решить эту проблему с помощью line-height!?

[Alex Polyakh]

Максим Жаров: Спасибо Вам, и так работает!

[Alex Polyakh]

Максим Жаров: Знаю, что глупо задал вопрос но по другому не знаю как, помогите пожалуйста по этому вопросу! Необходимо сверстать PerfectPixel+Bootsrrap3, размер макета с контентом 1500+. container-fluid дать ему max-width?

[Alex Polyakh]

Андрей Федоров: Да я видел, спасибо!