Как центрировать блок div?

Question

[it-spec97]

Ребята есть у меня div я его сделал блочным

<div class="block-info">
			<img src="img/twitter.png">
			<p class="p-one">First of many freebies from #PixelBuddha on @dribbble</p>
			<p class="p-two">https://dribbble.com/shots/plates Follow us to be in touch!</p>
		</div>
	</div>

.block-info{
	padding-top: 25px;
	width: 960px;
	height: 457px;
	background: #f8f8f8;

}
.block-info img{
    display: block;
	margin: 0 auto;
}
.block-info p{
    display: block;
	margin: 0 auto;
}

почему-то в блоке block-info img картинка центрировалась а в блоке .block-info p не хочет центрираватся в чем проблема что я не так сделал?

Answer 1

[Serj-One]

Потому что нужно сделать так:

.block-info{
      text-align: center;
}

И убать везде margin: 0 auto; Он будет уже не нужен.

Comments

[it-spec97]

Спасибо за помощь!

[Serj-One]

it-spec97: Я с вас скоро оплату за обучение буду брать. Что не день, на ваши вопросы отвечаю.
Кстати, display: block; здесь тоже ни к чему.

[Serj-One]

it-spec97: Я вам могу посоветовать, перед тем, как учиться верстать по макету, изучите матчасть. Почитайте недельку htmlbook.ru , разберитесь как работают и когда применяются свойства. Выхватывая разобщённые куски информации из ответов, верстать вы не научитесь.

Answer 2

[Дима Паутов]

Сделал div блочным? Смешно!)))