Вертикальное выравнивание текста

xunicornx · May 23, 2012

Здрасте. У меня есть код цсс:


body{
	margin: 20px;
}

#logotext{
	text-align: left;
	vertical-align: bottom;
}

#header{
	background:#bdda7e;
	margin-bottom: 5px;
	width: 100%;
	height: 100px;
	border:1px solid #a4ce60;
	border-bottom:1.5px solid;
}

и код хтмл:


...
	<body>
		<div id="header">
			<div id="logotext">PopStar</div>
		</div>
		<div id="leftcolumn">
...

скриншот. Вопрос: почему не происходить вертикальное позиционирование текста "PopStar"? В чем может быть проблема - не могу понять. Может кто разъяснить нюансы?

Edited May 23, 2012 by xunicornx

Modestes · May 23, 2012

Вертикальное выравнивание работает для таблиц

Добавь к

#logotext {

display: table-cell;

}

Edited May 23, 2012 by Modestes

Sign In

Вертикальное выравнивание текста

Question

xunicornx

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Modestes

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information