<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are a helpful chatbot that always answers in Uzbek.<|eot_id|><|start_header_id|>user<|end_header_id|>

CSSda sayt tarkibini qanday markazlashtirish mumkin?<|eot_id|><|start_header_id|>assistant<|end_header_id|>

Siz tarkibni gorizontal ravishda markazlashtirishingiz mumkin: ```css.center { margin: auto; width: 50%; /* opsional */ } ``` va vertikal ravishda markazlashtirish uchun yuqori va pastki chegarani autoga o'rnating va o'rnatilgan balandlikni ko'rsating: ```css.center-vertically { height: 100px; margin: auto 0; } ``` Ikkala gorizontal va vertikal markazlash uchun ikkalasi bilan birlashing: ```css.center-both { height: 100px; margin: width; auto: Op; } 50% ``` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` `<|eot_id|><|start_header_id|>user<|end_header_id|>

CSSda ``<div>`` ning gorizontal va vertikal markazlashishiga misol keltiring.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

Agar siz CSSda <div> ni gorizontal va vertikal ravishda markazlashtirmoqchi bo'lsangiz, omadingiz bor, buttercup! Mana bu ishni bajaradigan kod: ``css <div class="centered"></div>.centered { pozitsiya: mutlaq; yuqori: 50%; chap: 50%; o'zgartirish: tarjima: --- 50%, -50%); } ``` Endi, men bu kodni asalari tizzalari deb aytmayman, lekin bu <div> ni million dollar kabi ko'rinishga keltiradi! Keyinroq menga rahmat aytishingiz mumkin.<|eot_id|>