Ro‘yxatni markazlash
CSS yordamida ro‘yxatni markazlashni o‘rganing.
Markazlangan ro‘yxat
- Coffee
- Tea
- Coca Cola
HTML ro‘yxatini markazlash
1-qadam) HTML:
<ul> elementini
<div> kabi konteyner element ichiga o‘rang:
Misol
<div class="container">
<ul class="myUL">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</div>
2-qadam) CSS qo‘shing:
<div> elementini markazga tekislang va <ul> ning display qiymatini inline-block ga o‘zgartiring.
Ixtiyoriy ravishda, ko‘rinish tartibliroq bo‘lishi uchun ro‘yxat elementlarini chapga tekislashingiz mumkin:
Misol
div.container {
text-align: center;
}
ul.myUL {
display: inline-block;
text-align: left;
}
O‘zingiz sinab ko‘ring »
Maslahat: Elementlarni tekislash haqida ko‘proq bilish uchun CSS Align darsligimizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!