<div class="uk-grid" data-uk-grid-margin>
 
  <div class="uk-width-medium-1-3">
    <span class="uk-text-muted">text-muted</span><br>
    <span class="uk-text-primary">text-primary</span><br>
    <span class="uk-text-success">text-success</span><br>
    <span class="uk-text-warning">text-warning</span><br>
    <span class="uk-text-danger">text-danger</span>
  </div>
 
  <div class="uk-width-medium-1-3">
    <a href="#">a element</a><br>
    <em>em element</em><br>
    <strong>strong</strong><br>
    <code>code element</code><br>
    <del>del element</del>
  </div>
 
  <div class="uk-width-medium-1-3">
    <ins>ins element</ins><br>
    <mark>mark element</mark><br>
    <q>q <q>inside</q> a q element </q><br>
    <abbr title="Abbreviation Element">abbr element</abbr><br>
    <dfn title="Defines a definition term">dfn element</dfn>
  </div>
 
  <div class="uk-width-medium-1-2">
    <h1 class="uk-display-inline">h1</h1>
    <h2 class="uk-display-inline">h2</h2>
    <h3 class="uk-display-inline">h3</h3>
    <h4 class="uk-display-inline">h4</h4>
    <h5 class="uk-display-inline">h5</h5>
    <h6 class="uk-display-inline">h6</h6>
  </div>
 
  <div class="uk-width-medium-1-2">
    <blockquote>
      <p> Lorem ipsum dolor.</p>
      <small>Someone famous</small>
    </blockquote>
  </div>
 
</div>