Text Styles

You can add uppercase text by wrapping the text in a span tag with the CSS class “uppercase”. The uppercase text is a great intro to a new paragraph. In general it’s important that you use the Text Editor instead of the Visual Editor for custom text styling with CSS.

Dropcap can be added by wrapping the first letter of the first word in a paragraph in a span tag with the CSS class of “dropcap”. Bonbon wafer pie lemon drops fruitcake. Brownie candy cupcake toffee cookie marzipan. Muffin pie apple pie liquorice icing pudding. Jelly beans ice cream cake cake biscuit brownie carrot cake. Chocolate cake donut candy lollipop wafer gummi bears dessert jujubes. Candy canes jelly sugar plum macaroon cotton candy pie. Chocolate oat cake halvah croissant carrot cake dessert muffin. Gummies jelly topping sweet. Jelly beans sweet roll sugar plum soufflé soufflé cookie toffee sweet roll.

This Is A Big Headline Using h1

This Is A Big Headline Using h2

This Is A Big Headline Using h3

This Is A Big Headline Using h4

This Is A Big Headline Using h5
This Is A Big Headline Using h6

Apple pie chocolate bar soufflé bear claw macaroon tart lemon drops gummies cotton candy. Dragée chupa chups tiramisu. Pudding biscuit lemon drops pie gummies. Lollipop sweet roll cookie bonbon fruitcake icing sweet cake. Tootsie roll marshmallow pudding. Sugar plum biscuit carrot cake. Danish apple pie gummi bears toffee sugar plum. Candy halvah macaroon lemon drops chocolate cake caramels bear claw cotton candy. Chocolate cake cheesecake sesame snaps bonbon gummi bears croissant ice cream tootsie roll. Icing sesame snaps gummies caramels. Cupcake icing powder apple pie halvah chocolate bar. Lollipop apple pie cotton candy tootsie roll.

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in a p tag with the CSS class of pull-left or pull-right.

Lectus phasellus urna aenean velit porttitor phasellus aenean porta lacus sagittis adipiscing in ut amet, pellentesque, vel? Vut dignissim, proin, cras diam, scelerisque aenean cras sed, pulvinar turpis? Enim in nascetur. Proin? A placerat lacus diam penatibus! Mus lorem lorem nisi vel habitasse montes! Lacus platea. Natoque sed montes. Nisi duis mus tincidunt ultrices sociis habitasse mid. Ut dis, pulvinar lorem sociis et. Rhoncus et placerat integer enim porttitor magna rhoncus! Placerat scelerisque pulvinar quis in a hac tincidunt hac turpis risus? Dictumst, in aliquet porta, odio. Non. Natoque tortor rhoncus, pulvinar ut, ac ac, lectus scelerisque vel cursus? Scelerisque? Mauris ac dolor? Cras magnis turpis nascetur ultrices elementum natoque mus turpis etiam?

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in a p tag with the CSS class of pull-left or pull-right.

Pellentesque risus tristique! Sed integer et nec dictumst dignissim lectus, lundium proin adipiscing dictumst sagittis arcu, aliquam nec, placerat. Augue? Placerat! Tincidunt, placerat placerat mid porta risus? Sed, tempor, turpis cras pulvinar dignissim, tincidunt eros amet, vel tincidunt porta purus, etiam, phasellus, magna porta purus amet turpis, adipiscing. Phasellus odio, nunc lorem vut elementum, a turpis phasellus? Sit, augue in lorem. Elementum aliquam habitasse, nisi augue in pulvinar, dictumst adipiscing? In, pulvinar. Nunc dapibus magnis mauris vut ac, a purus, scelerisque nisi!

Include Beautiful Quotes

To add a quote to your text you can use the “quote” button in the visual editor or the “b-quote” button in the text editor. To add the author wrap the author name in a cite tag.

“There are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a miracle.”
Albert Einstein

Apple pie chocolate bar soufflé bear claw macaroon tart lemon drops gummies cotton candy. Dragée chupa chups tiramisu. Pudding biscuit lemon drops pie gummies. Lollipop sweet roll cookie bonbon fruitcake icing sweet cake. Tootsie roll marshmallow pudding. Sugar plum biscuit carrot cake. Danish apple pie gummi bears toffee sugar plum. Candy halvah macaroon lemon drops chocolate cake caramels bear claw cotton candy. Chocolate cake cheesecake sesame snaps bonbon gummi bears croissant ice cream tootsie roll. Icing sesame snaps gummies caramels. Cupcake icing powder apple pie halvah chocolate bar. Lollipop apple pie cotton candy tootsie roll.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

A default Table

VeggiesFruitsinfo text
Sweet PotatoPapayaThis is a little text.
EggplantBananaOne more table line.
SaladApplesDo you like fruit or veggies better?
CarrotsStrawberrieshello summer fruits

Definition List

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Some more default Text Styles

Mus, ultricies sed elementum egestas ut! Porta nascetur purus integer, lundium nec, adipiscing et, lundium. Mattis integer vel cum odio sagittis augue? Urna magnis sit a tempor mauris, platea amet magnis scelerisque in a, ultrices mus massa placerat nec, augue penatibus habitasse ultricies augue augue magna sit. Pid quis dignissim. Tincidunt ac odio dictumst!

Mark this text mark your text in color by adding an “ins” tag. Scelerisque pulvinar etiam enim scelerisque, rhoncus ultricies massa porta mauris ultricies elit vel cras platea urna? Et ultrices sagittis cursus, massa amet! Rhoncus dapibus massa et dolor, tortor sociis, nisi placerat nascetur sociis elementum habitasse diam ultrices, quis vut, porta risus massa eu egestas augue! Eros habitasse augue dapibus.

This tag styles large blocks of code:

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Nascetur! Ac nascetur adipiscing porta mauris augue est dolor a sed nec habitasse cursus. Turpis augue auctor ac, dictumst nunc aliquet. Urna elementum! A dis mattis sed in mid eu a integer? Integer ultricies sed! In turpis et? Eu urna? Enim placerat scelerisque sit dignissim, ac dictumst, natoque elementum. Quis quis porttitor nisi? Adipiscing turpis, ultricies! Pid! Rhoncus platea. Integer, proin duis lundium ridiculus?