Als je twee nieuwe interne elementen toevoegt binnen een container met de klasse outer, worden ze standaard verticaal onder elkaar geplaatst, omdat blokelementen in HTML in een kolom worden gerangschikt.

Om ze horizontaal te plaatsen, kun je CSS Flexbox gebruiken. Bijvoorbeeld:

.outer {
  display: flex;
  flex-direction: row; /* standaard, mogelijk niet nodig om te specificeren */
}

Dit zorgt ervoor dat alle kind-elementen van .outer in een rij (horizontaal) worden geplaatst. Je kunt marges, uitlijning en andere eigenschappen toevoegen voor een meer precieze afstelling.

Vorige Volgende