Եթե ավելացնենք ևս երկու ներքին տարր outer-ի ներսում, ինչպես կկազմվեն նրանք: Ինչպես հորիզոնականորեն տեղադրել նրանց?

Եթե դուք ավելացնեք երկու նոր ներքին տարրեր outer դասի կոնտեյներով, դրանք ըստ նախնական կարգի կտեղադրվեն ուղղահայեորեն մեկը մյուսի տակ, քանի որ HTML-ում բլոկային տարրերը դասավորվում են սյունակով:

Որպեսզի դրանք դասավորեք հորիզոնական, կարող եք օգտագործել CSS Flexbox։ Օրինակ՝

.outer {
  display: flex;
  flex-direction: row; /* ըստ նախնական կարգի, կարող է չպահանջվել նշելը */
}

Այսպիսով, բոլոր .outer-ի երեխաները կդասավորվեն գծով (հորիզոնական): Դուք կարող եք ավելացնել բացատներ, հարմարեցում և այլ հատկություններ ավելի ճշգրիտ կարգավորելու համար։