Text

text-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  1. <div class="uk-grid" data-uk-grid-margin>
  2.  
  3. <div class="uk-width-medium-1-3">
  4. <span class="uk-text-muted">text-muted</span><br>
  5. <span class="uk-text-primary">text-primary</span><br>
  6. <span class="uk-text-success">text-success</span><br>
  7. <span class="uk-text-warning">text-warning</span><br>
  8. <span class="uk-text-danger">text-danger</span>
  9. </div>
  10.  
  11. <div class="uk-width-medium-1-3">
  12. <a href="#">a element</a><br>
  13. <em>em element</em><br>
  14. <strong>strong</strong><br>
  15. <code>code element</code><br>
  16. <del>del element</del>
  17. </div>
  18.  
  19. <div class="uk-width-medium-1-3">
  20. <ins>ins element</ins><br>
  21. <mark>mark element</mark><br>
  22. <q>q <q>inside</q> a q element </q><br>
  23. <abbr title="Abbreviation Element">abbr element</abbr><br>
  24. <dfn title="Defines a definition term">dfn element</dfn>
  25. </div>
  26.  
  27. <div class="uk-width-medium-1-2">
  28. <h1 class="uk-display-inline">h1</h1>
  29. <h2 class="uk-display-inline">h2</h2>
  30. <h3 class="uk-display-inline">h3</h3>
  31. <h4 class="uk-display-inline">h4</h4>
  32. <h5 class="uk-display-inline">h5</h5>
  33. <h6 class="uk-display-inline">h6</h6>
  34. </div>
  35.  
  36. <div class="uk-width-medium-1-2">
  37. <blockquote>
  38. <p> Lorem ipsum dolor.</p>
  39. <small>Someone famous</small>
  40. </blockquote>
  41. </div>
  42.  
  43. </div>