Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit ad adorectum piris, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h1/.h1 – Heading 1 (h1 small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h2/.h2 – Heading 2 (h2 small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h3/.h3 – Heading 3 (h3 small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h4/.h4 – Heading 4 (h4 small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h5/.h5 – Heading 5 (h5 small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

h6/.h6 – Heading 6 (h6 small)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

STYLING


.lead
b (bold) strong
small .small
em i (italic)
del
s (strikethrough)

 


ins
u (underline)
code
var
samp
mark

 


kbd
.text-lowercase
.text-uppercase
.text-capitalize
abbr .initialism

addr @ i@hp.com

 

PARAGRAPHS


.text-left
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

.text-right
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

.text-center
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

.text-justify
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

BLOCKQUOTES


blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit ad adorectum piris

footer
cite

blockquote-reverse p
Lorem ipsum dolor sit amet, consectetur adipiscing elit ad adorectum piris

footer
cite

 

LISTS


  • li
  • List item

    • ul li
    • List item
  • List item

  1. List item
  2. List item

    1. List item
    2. List item
  3. List item

  • List item
  • List item

    • List item
    • List item
  • List item

  • List item
  • List item
  • List item

 

DESCRIPTION LISTS


dt
dd
Term
Description
Description

Term
Description
Long term will be truncated
Description
Description