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

Question

[Abdus]

Есть картинка, она же фон, по верх нее идет текст по центру. Как здесь:
gbobbd.com/shiroi-demo/custom-excerpt-of-post-inst...

Как сделать так же?
Вот что у меня вышло, но у меня есть 2 проблемы:
1.текст заголовка всегда наверху фона
2.Под фоном пишется тоже текст (время поста и сам тескс поста, т.е.. Как этого избежать?

.content {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* Семейство шрифтов */
    font-size: 14pt; /* Размер основного шрифта в пунктах  */
    background-color: #ffffff; /* Цвет фона веб-страницы */
    color: #696969; /* Цвет основного текста */
    text-align: center; /* расположение текста */
}


.article {
    background-image:  url("../img/man_cat.jpg");
    background-position: center center;
    background-size: cover;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 700px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;

}

<div class= "article">
            Заголовок
        </div>
    <p>Время поста</p>

    <div class="content" >
        <p>Сам пост блога</p>
    </div>

Answer 1

[Роман]

Если бы вы программировали на перфокартах, то с таким запросом вы бы сожгли ЭВМ.

Уточте что именно вы хотите сделать.

Comments

[Abdus]

Есть картинка есть текст. Хочу разместить текст поверх картинки по центру как пр ширине так и по высоте. Так же как в блоге-примере по ссылке

[Роман]

Abdus: то есть суть вашего вороса:
Как выровнять по вертикали?
по горизонтали - text-align: center
по вертикали - паддингами, лайн-хейтом или правильным позиционированием родительских элементов

[Abdus]

Роман: Спасибо, это и хотел услышать. Я думал, что есть некий аналог text-align для вертикали, который я пропустил.

[Роман]

Abdus: усть вертикал-элайн
но он работает немного иначе

Answer 2

[A K]

Вам на JSfiddle.net