vertical-align: middle; - не работает - Веб-строительство - Сайтостроение - Форум об интернет-маркетинге

revered · 2013-03-03T10:29:12.0000000Z

Подскажите, пожалуйста, как правильно выравнять текст по середине в этом CSS стиле ol.third-example li:before { content: counter(li); counter-increment: li; background: #45d43d; color: #333; height: 40px; width: 40px; position: absolute; left: -45px; top: -3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 5px #F0498D, 2px 2px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 0 0 5px #F0498D, 2px 2px 0 rgba(0,0,0,.15); box-shadow: inset 0 0 5px #F0498D, 2px 2px 0 rgba(0,0,0,.15); }

204

дани мапов

3 марта 2013, 16:02

#11

Нужно номер списка по вертикали по центру?

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

R

131

revered

3 марта 2013, 16:15

#12

да, именно так

204

дани мапов

3 марта 2013, 16:33

#13

В screen.css в блок ol.third-example li:before попробуйте вставить: line-height:46px;

R

131

revered

3 марта 2013, 16:38

#14

ivan-lev:
http://www.css-tricks.ru/Articles/Details/VerticalCenteringCSS 2

Спасибо! Проблема решена!

помогло line-height: 50px;

---------- Добавлено 03.03.2013 в 20:39 ----------

дани мапов:
В screen.css в блок ol.third-example li:before попробуйте вставить: line-height:46px;

Спасбо! помогло

111

bay_ebook

3 марта 2013, 20:37

#15

revered:
Не помогло:(

Если не будет переноса строк:

line-height = высоте блока (в вашем случаи li)

Пока писал - уже решилось :)

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)

Дзен реализовал для авторов возможность вывода денег через СПБ

Что такое Power BI и зачем это нужно бизнесу

vertical-align: middle; - не работает