Как сделать отступ текста от краев в блоке?

Question

[wiley]

Как сделать отступ в блоке?
Когда пишу в свойствах "margin:25px;" блок уходит куда то влево, а текст так же и остается без отступов.

Answer 1

[Евгений Петров]

.intro{
	position: relative;
	box-sizing: border-box;
	height: 1000px;
	width: 960px;
	padding: 25px;
	background-color: brown;
}

Comments

[wiley]

padding это отступ от всех краев? Если да то спасибо! В любом случае блок не уехал и отступ сработал. Спасибо!

[Евгений Петров]

Вам бы почитать про блочную модель, модель визуального оформления и подробности этой модели. Эти 3 раздела — один из китов CSS, на котором держится расчёт размеров, положения и взаимодействия элементов.

[wiley]

Евгений Петров: спасибо, обязательно прочитаю!

Answer 2

[wiley]

Вот код блока:
.intro{
height: 1000px;
width: 960px;
background-color:brown;
position: relative;
margin-left: auto;
margin-right: auto;
}

Comments

[Евгений Петров]

Код нужно в вопросе писать. И пользуйтесь форматированием.

Answer 3

[Антон Щербаков]

.intro{
height: 1000px;
width: 960px;
background-color: brown;
position: relative;
margin: 0 auto;
padding: 25px 0 0 0; /* например отступ сверху */
}