@GennadyPHP

Как разместить текст по центру?

Здравствуйте все. Уже голову себе сломал, но никак не могу разместить текст по вертикали в header. Не работает: margin: 0 auto; margin: 0; vertical-align: auto; НИЧЕГО

Точнее margin: auto центрирует текст, но горизонтально
<body>
<header>
<img src="../images/logo.png" />
<div class="page_title">

<h1>Заголовок</h1>
</div>
	
</header>


header
{
	width: 100%;
	min-height: 50px;
	height: 10%;
	position: fixed;
	background-color: #3d443d;
}

header .page_title
{
	display: inline-block;
	min-width: 100px;
	height: 100%;
	margin-left: 10%;

}

header .page_title h1
{
	font-size: 20px;
	font-family: arial;
	color: white;
	margin-top: 30px;
	font-weight: 400;

}



header img
{
	height: 100%;
	float: left;
}


Надеюсь мне хоть здесь помогут
  • Вопрос задан
  • 384 просмотра
Пригласить эксперта
Ответы на вопрос 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
https://habrahabr.ru/company/netcracker/blog/277433/
Надеюсь мне хоть здесь помогут

да вам и в гугле помогут -> "css вертикальное центрирование"
Ответ написан
mrusklon
@mrusklon
Не получается? Яростно гугли!
Ответ написан
Комментировать
LenovoId
@LenovoId
svg, css,js
для page_title сделать display:table; nargin:auto; и width указывать не обязательно если конечно я верно понял
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы