Kui lisate kaks uut sisemist elementi konteinerisse, mille klass on outer, siis need paiknevad vaikimisi vertikaalselt üksteise all, kuna HTML-blokielemendid paiknevad veerus.

Nende horisontaalseks paigutamiseks saate kasutada CSS Flexboxi. Näiteks:

.outer {
  display: flex;
  flex-direction: row; /* vaikimisi, võib olla tarbetu märkida */
}

See tagab, et kõik .outer-i lapsed paiknevad reas (horisontaalselt). Võite lisada vahemaid, joondust ja muid omadusi täpsema seadistuse jaoks.

Eelmine Edasi