CSS Зэрэгцүүлэлт
Элементийг хэвтээ болон босоо чиглэлд голуулах, зэрэгцүүлэх техникүүд:
1. Текст ба inline элементийг голуулах
div { text-align: center; }
2. Дөрвөлжин блок (block) элементийг хэвтээд голуулах
Заавал width (өргөн) тохируулсан байх ба margins-ийг auto болгоно: .center-block { width: 60%; margin: 0 auto; }
3. Босоо чиглэлд голуулах (padding ашиглах)
.vertical-center { padding: 50px 0; } — дээд доод талдаа тэнцүү зай авна.
Жишээ
<!DOCTYPE html>
<html>
<head>
<style>
.text-centered { text-align: center; }
.center-block { width: 60%; margin: 0 auto; background: #dbeafe; padding: 10px; }
</style>
</head>
<body>
<div class="text-centered">Голлуулсан текст</div>
<div class="center-block">margin: auto ашигласан голлуулсан блок</div>
</body>
</html>