centered

Introductie

Centreerd de inhoud van het element op zowel de horizontale als de verticale as.

Snelstart

SCSS importeren:

    
      
    
    @use "@minvws/manon/utility/centered";
  

Voorbeelden

    
      
    
    <div class="centered">
  <h2>Lorem ipsum</h2>
  <p>Dolor sit amet.</p>
</div>
  

Waarschuwing: de inhoud van het blok wordt gecenteerd. Als de inhoud de volle breedte inneemt kan het lijken alsof het centreren niet werkt. Pas in dat geval de breedte van de onderliggende elementen aan of kies een andere geschikte layout. Tekst genest binnen de elementen wordt niet gecentreerd.