Əgər outer daxilində iki daxili element əlavə etsək, onlar necə yerləşəcək? Onları üfüqi şəkildə necə yerləşdirmək olar?

Əgər outer sinfinə malik konteynerə iki yeni daxili element əlavə etsəniz, onlar standart olaraq şaquli şəkildə, yəni biri digərinin altında yerləşəcək, çünki HTML-də blok elementlər sütun şəklində yerləşir.

Bunları üfüqi yerləşdirmək üçün CSS Flexbox-dan istifadə edə bilərsiniz. Məsələn:

.outer {
  display: flex;
  flex-direction: row; /* standartdır, göstərməyə ehtiyac olmaya bilər */
}

Bu, .outer-in bütün uşaq elementlərinin sətir şəklində (üfüqi) yerləşməsini təmin edəcək. Daha dəqiq tənzimləmələr üçün boşluqlar, hizalama və digər xüsusiyyətlər əlavə edə bilərsiniz.