Agar outer ichiga yana ikkita ichki element qo'shsak, ular qanday joylashadi? Ularni gorizontal tarzda qanday joylashtirish mumkin?

Agar outer sinfiga ega konteyner ichiga ikkita yangi ichki element qo'shsangiz, ular standart ravishda vertikal ravishda, ya'ni biri ikkinchisining ostida joylashadi, chunki HTMLda blok elementlar ustun shaklida joylashadi.

Ularni gorizontal ravishda joylashtirish uchun CSS Flexbox-dan foydalanishingiz mumkin. Masalan:

.outer {
  display: flex;
  flex-direction: row; /* standart holatda, belgilash shart emas */
}

Bu, .outer ning barcha bolalar elementlarini satr shaklida (gorizontal) joylashtiradi. Siz bo'shliq, tekislik va boshqa xususiyatlarni qo'shishingiz mumkin, yanada aniq sozlash uchun.