Эгер outer ичиндеги дагы эки ички элементти кошсок, алар кандай жайгашат? Алардын горизонталдуу жайгашуусун кантип уюштуруу керек?

Эгер сиз outer классына ээ контейнердин ичине эки жаңы ички элемент кошсоңуз, алар алдын ала белгиленгендей вертикалдуу, бири экинчи астында жайгашат, анткени HTMLдеги блок элементтери колонна түрүндө жайгашат.

Аларды горизонталдуу жайгаштыруу үчүн CSS Flexbox колдонсо болот. Мисалы:

.outer {
  display: flex;
  flex-direction: row; /* алдын ала белгиленген, көрсөтүүгө зарыл эмес */
}

Бул .outer ичиндеги бардык балдар элементтери сапта (горизонталдуу) жайгашат. Сиз аралыктарды, тууралаганды жана башка касиеттерди кошуп, такташтыруу үчүн колдонсоңуз болот.