Ja pievienosim vēl divus iekšējos elementus iekšā outer, kā tie tiks novietoti? Kā tos novietot horizontāli?

Ja pievienosit diviem jauniem iekšējiem elementiem konteinerā ar klasi outer, pēc noklusējuma tie tiks novietoti vertikāli viens zem otra, jo HTML bloka elementi tiek novietoti kolonnā.

Lai novietotu tos horizontāli, var izmantot CSS Flexbox. Piemēram:

.outer {
  display: flex;
  flex-direction: row; /* pēc noklusējuma, varbūt nav nepieciešams norādīt */
}

Tas nodrošinās, ka visi .outer bērnu elementi tiks novietoti rindā (horizontāli). Jūs varat pievienot atstarpes, izlīdzināšanu un citas īpašības precīzākai konfigurācijai.