The shortcodes demo like a text formatting

---

Paragraphs

Below is example paragraph with p tag.

Lorem ipsum dolor sit amet consectetur adipiscing elit donec faucibus, scelerisque vivamus nisl ac velit nostra nibh primis class, ligula phasellus id diam volutpat non etiam dapibus.

Lorem ipsum dolor sit amet consectetur adipiscing elit donec faucibus, scelerisque vivamus nisl ac velit nostra nibh primis class, ligula phasellus id diam volutpat non etiam dapibus.

Headings

Below is an example of the headings h1 to h6 tags. You need to know, for h1 has been used, and below just example! So h1 can only be used on one page. Don't add more h1 tag!

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

Link headings

Below is combination a link with headings.

Link heading h1

Link heading h2

Link heading h3

Link heading h4

Link heading h5

Link heading h6

Styling Text

Default html element to styling text in your posts.

Link a

abbr abbr

Citation cite

Bold b

Italic i

Strong strong

Emphasis em

Small small

Underline u

Deleted del

inserted ins

Strikethrough s

The _Subscripted text sub

The ^{Superscripted} text sup

Marked/Highlighted mark

x = y + 2 var

06:00 AM time

漢 (Kan) 字 (ji) ruby

Text Formatting

Below is an example of formatting the text like blockquote, pre, code, etc. The pre, code, kbd, and samp tags has includes double click events to select all text.

Blockquote

Use blockquote with small, span or footer.

Lorem ipsum dolor sit amet consectetur adipiscing elit, urna etiam lacus. Era Material

Pre

The pre tags has includes with copy to clipboard event with clipboardjs plugin.

This is default pre tag

Code

You see a code tag.

Kbd

You see a kbd tag and kbd with code

Samp

This is a samp tag.

List items

Below is unordered list items, marked with bullets. A list starts with the ul tag. Each list item starts with the li tag.

• One
• Two
• Three
• Four
• Five
• Six

Below is ordered list items, marked with numbers. A list starts with the ol tag. Each list item starts with the li tag.

1. One
2. Two
3. Three
4. Four
5. Five
6. Six

Media

Responsive a media embed like iframe.

Complete information about this demo and other the component demos, please visit The component demo.