<p class="centered">This element is horizontally centered.</p>
<p class="centered">{{ centeredText }}</p>
{
  "centeredText": "This element is horizontally centered."
}
  • Content:
    /*
      Centered
    
      Centers inline and block content.
    */
    .centered {
      text-align: center;
      margin-right: auto;
      margin-left: auto;
    }
    
  • URL: /components/raw/centered/_sass.scss
  • Filesystem Path: components/02-modules/utils/centered/_sass.scss
  • Size: 133 Bytes

Centers text and block elements