Какой блок можно вставить в блок <section>?

[Надежда Н.]

Помогите разобраться.
У меня несколько блоков section, в одном из них написала текст и чтобы его "застайлить" я его поставила в блок div и присвоила id. Но при таком раскладе блок section оказался пустой, а div оказался вынесен из этого блока. Что я сделала не так?
Вот код:
html

<section> 
		<div class="motto"> Здесь текст</div>
</section>

css

section{
	margin-left: auto;
	margin-right: auto;
	padding: 30px; 
	margin-top: 700px;
	left: 50%;
	border: 5px solid #fff;
}

.motto {
	font-family: cursive;
	font-size: 35px;
	color: #001174;
	font-weight: 600;
	text-align: center;
	margin: 0; 
	transform: translate(-50%, -50%); 
	position: absolute;
	top: 50%;
	left: 50%; 
	border: 5px solid #fff;
}

[Alar]

https://jsfiddle.net/juL106xs/

Вроде всё работает, хотя в css некоторые данные сомнительны.

типа
margin: 0;
зачем тут это нужно

transform: translate(-50%, -50%); - что это такое

ну и т.д. как-нибудь минимизируйте css