Html Styles

Below is just about every HTML element you might want to use in your blog posts. Check the source code to see the many embedded elements within paragraphs.


H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

HTML Styles

Jujubes croissant sweet test link bar croissant lollipop strong text chocolate cake jelly beans tiramisu. Candy 53 = 125 oat cake H2O toffee toffee caramels caramels bear claw. Marshmallow gingerbread pastry cupcake. Apple pie Italic text goes like this gummies icing jelly biscuit chocolate chocolate cake. Caramels dessert carrot cake oat cake pie danish bonbon. Tootsie roll underline gingerbread wafer. Sugar plum fruitcake Theme Horse tootsie roll applicake caramels muffin chocolate marshmallow cupcake. Biscuit fruitcake cheesecake. Cookie chupa chups ice cream candy biscuit jelly-o. Tootsie roll dragée lollipop.


Blockquotes

Chupa chups bonbon cupcake marshmallow. Fruitcake halvah brownie sugar plum carrot cake wafer topping marzipan cake. Brownie danish biscuit cookie tootsie roll. Tootsie roll cheesecake toffee. Bonbon dessert sweet roll tootsie roll cake. Donut brownie cheesecake cupcake. Oat cake sweet marzipan fruitcake lollipop gummi bears cake halvah.


List Types

Ordered List
  1. List Item #1
  2. List Item #2
    1. Nested list item #A
    2. Nested list item #B
  3. List Item #3
Unordered List

Image aligned left & right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque.
lighthouse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque. Praesent odio ante, viverra sed blandit sit amet, porta quis velit. Nullam euismod nibh non pellentesque sagittis. Mauris urna tortor, facilisis in rhoncus ut, egestas ut risus. Sed neque nulla, blandit ac ligula non, pellentesque pellentesque leo. Cras egestas risus quam, in cursus sem pharetra ut. Praesent consequat massa tortor, nec tristique lacus elementum euismod. Duis lobortis pharetra sapien sit amet porta.

Praesent ac dolor mattis, lacinia nisl in, lacinia lacus. Sed id metus ut lectus fermentum condimentum nec vitae metus. Nunc tempus ultricies eleifend. Nullam facilisis massa non risus blandit laoreet. Integer egestas blandit molestie. Sed non venenatis sapien, vitae dictum neque. Suspendisse porttitor enim a massa bibendum, nec dapibus augue aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus, sapien et tincidunt pharetra, massa est aliquam turpis, a tristique ligula est ut sapien. Nam nec dictum metus, sed porta turpis. Integer nec nunc quis nibh convallis fermentum et vitae massa.

Nam faucibus quis nibh vitae sagittis. Mauris commodo magna vel nisi aliquet accumsan. Aliquam a elit sit amet ante lobortis commodo ac vel libero. Aenean consequat congue sapien mattis placerat. Nulla condimentum, ipsum ac tincidunt sollicitudin, justo lorem lobortis libero, in ultrices augue nibh at orci. Nam pharetra, arcu vitae molestie sagittis, sem turpis varius libero, id mollis nibh justo lobortis tortor. the-eiffel-towerPraesent euismod turpis odio, non rhoncus est rhoncus porttitor. Ut varius, nibh eu fermentum ultrices, sem quam elementum felis, eu aliquam tortor dolor eu nunc. Nullam interdum hendrerit arcu at fringilla. Morbi urna massa, tristique in imperdiet eget, suscipit in erat. Nam ut viverra leo, sit amet tristique dolor. Proin pharetra, neque quis pellentesque rhoncus, ante velit varius libero, non eleifend tellus orci vel lectus. Aenean et lacus in orci dignissim dignissim vitae a felis. Integer sit amet velit et diam vehicula mattis. Quisque fermentum eleifend auctor. Vivamus adipiscing odio vitae dolor euismod, ut pulvinar risus consequat. Aliquam erat volutpat. Donec lacinia, libero eget condimentum pharetra, dui arcu tempus ligula, vel commodo magna leo id urna. Nunc porttitor libero non nulla ultricies pulvinar vel pretium felis. Sed hendrerit augue diam, eget tempor augue tempor eu. Curabitur nisi augue, placerat sit amet eros eget, dapibus ullamcorper mi. Suspendisse ac erat nec sem vestibulum placerat. Integer convallis nulla eget purus ultrices tempor. Proin et nisl mattis lectus mollis porttitor. Quisque venenatis justo vel justo tempus adipiscing. Maecenas sit amet urna vel dui elementum hendrerit. In libero lacus, auctor eget suscipit a, congue sed arcu. Nullam sed semper augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque. Praesent odio ante, viverra sed blandit sit amet, porta quis velit. Nullam euismod nibh non pellentesque sagittis. Mauris urna tortor, facilisis in rhoncus ut, egestas ut risus. Sed neque nulla, blandit ac ligula non, pellentesque pellentesque leo. Cras egestas risus quam, in cursus sem pharetra ut. Praesent consequat massa tortor, nec tristique lacus elementum euismod. Duis lobortis pharetra sapien sit amet porta.

Praesent ac dolor mattis, lacinia nisl in, lacinia lacus. Sed id metus ut lectus fermentum condimentum nec vitae metus. Nunc tempus ultricies eleifend. Nullam facilisis massa non risus blandit laoreet. Integer egestas blandit molestie. Sed non venenatis sapien, vitae dictum neque. Suspendisse porttitor enim a massa bibendum, nec dapibus augue aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus, sapien et tincidunt pharetra, massa est aliquam turpis, a tristique ligula est ut sapien. Nam nec dictum metus, sed porta turpis. Integer nec nunc quis nibh convallis fermentum et vitae massa.


Image with caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit.

still-life

This is a caption for the image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque. Praesent odio ante, viverra sed blandit sit amet, porta quis velit. Nullam euismod nibh non pellentesque sagittis. Mauris urna tortor, facilisis in rhoncus ut, egestas ut risus. Sed neque nulla, blandit ac ligula non, pellentesque pellentesque leo. Cras egestas risus quam, in cursus sem pharetra ut. Praesent consequat massa tortor, nec tristique lacus elementum euismod. Duis lobortis pharetra sapien sit amet porta.


Table

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Preformatted Text

Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. For example:

“Beware the Jabberwock, my son!
The jaws that bite, the claws that catch!
Beware the Jubjub bird, and shun
The frumious Bandersnatch!”

Code

Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>, or within a <pre> block.

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}