Форум Сайтостроение Веб-строительство

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

12
R
На сайте с 03.08.2012
Offline
131
revered
2328

Подскажите, пожалуйста, как правильно выравнять текст по середине в этом 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);

}
[Удален]
#1

центрирование по вертикали

position: absolute;

top: 50%;

margin-top: минус пол высоты равняемого объекта(например высота объекта 40px тогда margin-top:-20px; );

melkozaur
На сайте с 06.04.2010
Offline
536
melkozaur
#2

margin: 0 auto

R
На сайте с 03.08.2012
Offline
131
revered
#3

Коды, которые вы привели, выравнивают по середине именно этот li. А вот сам текст в нем, не выравнивается.

---------- Добавлено 03.03.2013 в 14:49 ----------

Как можно выравнять именно сам текст? text-align:center; работает, но он выравнивает по центру, а мне нужно по середине

Вопрос по H1 Как выравнять рекламу в Выравнивание текста - ошибки
[Удален]
#4
revered:
Коды, которые вы привели, выравнивают по середине именно этот li. А вот сам текст в нем, не выравнивается.

---------- Добавлено 03.03.2013 в 14:49 ----------

Как можно выравнять именно сам текст? text-align:center; работает, но он выравнивает по центру, а мне нужно по середине

Прямо в шаблоне:

<div align="center">Нужный текст</div>

R
На сайте с 03.08.2012
Offline
131
revered
#5
mrxmry:
Прямо в шаблоне:
<div align="center">Нужный текст</div>

Это не то. У меня на сайте идет li список, например посмотреть можно здесь: http://advice-about-health.ru/krasivoe-telo/kak-uvelichit-yagoditsy-v-domashnikh-usloviyakh

Я пытаюсь более менее оформить список. Вот у меня там где идет нумерация, как вы ведите текс выравнен по центру, а мне нужно по середине.

Google AdSense запускает блоки Нужна помощь в фотошопе Помощь в фильтрации ботов
[Удален]
#6

попробуйте такое добавить

ol.third-example li:before * {

vertical-align: middle;

}

R
На сайте с 03.08.2012
Offline
131
revered
#7

Не помогло:(

[Удален]
#8

без видимого примера сложно

R
На сайте с 03.08.2012
Offline
131
revered
#9

Так я же привел страницу где стоит этот список и код списка.

IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#10

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

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий