Почему абзац не помещается в центр?

Есть вот такой HTML-код:

<div class="par">
		<p>Paragraph</p>
</div>

И вот такой CSS-код:

.par{
	background-color: red;
	height: 50px;
}

.par p{
	width: 72px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #fff;
	margin: auto;
}

Браузер показывает это:

А вопрос заключается в том, почему блок "paragraph" не сдвинулся в центр по вертикали. По горизонтали он в центре, а по вертикали — нет. Хотя у свойства margin значение auto, а не 0 auto.