Veb sahifada elementlarni gorizontal…

Мазмуни умумий бир нечта усуллар мавжуд:

text-align: От родительского блока внутри строчных (inline или inline-block) элементлар учун. Родительда text-align: center бўлиши керак.
margin: auto: Блок (block) элементлар учун. Элементда белгиланган кенглик (width) бўлиши керак. Браузер автоматик равишда бўшлиқни сол қўяди.
```
.element {
  width: 200px;
  margin: 0 auto;
}
```

Flexbox: Мослашувчан тарзда тузилган тизим. Ундан ота-она контейнерга қўлланилади.

.container {
  display: flex;
  justify-content: center; /* Элементларни асосий тўғрида (гorizontal) марказлаштириш */
}

Grid: Икки ўлчамли тузилма тизими. Ундан ота-она контейнерга қўлланилади.

.container {
  display: grid;
  justify-items: center; /* Ҳужра мазмунини горизонтал марказлаштириш */
}

Position: absolute ва transform: Аниқ кенглиги бўлган абсолют позицияланган элементлар учун.

.parent {
  position: relative;
}

.child {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); /* Элементни унинг кенглиги яримига суриштириш */
}

Display: table ва margin: auto: Камдан-кам қўлланилади, аммо мумкин.
```
.element {
  display: table;
  margin: 0 auto;
}
```

Veb sahifada elementlarni gorizontal markazlashtirishning qanday usullari mavjud?