This is an example of a simple table, without row or column headings:

Praesent sed elit in dolor dapibus tempor. Integer massa leo, vulputate a venenatis a, ultrices eget sem. Aliquam justo nulla, condimentum eget vulputate in, posuere sed purus. Suspendisse potenti. Pellentesque congue egestas lorem id luctus. Nullam urna risus, dapibus vel pulvinar ut, tristique adipiscing mi. Etiam leo lorem, ornare ac ornare vel, varius eget leo.

And this is an example of a complex table, with row and column headings, thead and tfoot tags, and a caption:

In nec dui et purus bibendum sagittis. Donec elementum purus ac lectus vulputate non fermentum dolor ullamcorper. Donec ornare imperdiet augue in luctus. Sed sollicitudin, purus eget egestas luctus, augue neque lacinia nunc, eget eleifend tortor est eu purus. Donec nec augue magna, eget gravida odio. Maecenas eget quam eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum posuere, est ac laoreet tempor, dui metus aliquam libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus, nulla sed porttitor rutrum, est quam mattis eros, non blandit ante erat sit amet tellus. Etiam id sapien neque, a laoreet mi. Pellentesque sit amet ipsum tortor, ac tristique massa. Ut varius porttitor nisi, id placerat nibh tristique sed. Curabitur luctus varius tortor, in malesuada nisl mollis sed. Maecenas justo lorem, dictum vitae consectetur id, volutpat ut odio. Nunc auctor sollicitudin nulla sit amet lacinia. Quisque malesuada ante at mi cursus et viverra tellus consectetur. Nunc congue scelerisque diam in aliquet. Fusce eleifend sollicitudin euismod. Cras pulvinar tellus a purus dignissim mollis. Etiam in velit est, vitae sagittis odio. Ut vitae ipsum eros. Proin ultricies consequat malesuada. Pellentesque at lobortis orci.

Nam varius arcu nec elit venenatis sit amet sagittis odio porttitor. Pellentesque eu odio lacus, vitae feugiat arcu. Phasellus eu nulla a eros facilisis varius. Integer eleifend auctor neque, vitae scelerisque leo gravida ac. Aenean volutpat, mi non porta porttitor, est lorem auctor dolor, in accumsan diam eros sit amet lectus. Morbi id purus velit. Ut pharetra eleifend fringilla. Aenean nulla enim, interdum consequat scelerisque nec, posuere vel libero. Nulla id dapibus est. In quis arcu faucibus diam dignissim pulvinar et cursus nisi. Etiam vulputate, neque vel posuere laoreet, metus ligula aliquam justo, porttitor fringilla ligula ante in metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut aliquet leo lobortis arcu commodo scelerisque.

Nam adipiscing, mi in fringilla congue, sem velit aliquam enim, at tincidunt est justo eget quam. Nunc non ante quis purus pretium suscipit. Nulla quis nisl ante, eu rhoncus augue. Curabitur commodo consequat dolor condimentum ultrices. Etiam vestibulum, mauris a malesuada malesuada, arcu diam pulvinar leo, vitae vulputate massa orci vel justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh odio, quis posuere risus. Suspendisse nulla elit, fringilla quis imperdiet non, lobortis eget nibh. Duis accumsan tempor ultrices. Nam egestas euismod libero sit amet vulputate. Nulla facilisi. Aliquam adipiscing porttitor quam elementum facilisis. Nulla facilisi. Nam sed leo quis velit sollicitudin vulputate. Sed gravida, ante ultricies molestie egestas, tellus diam interdum nisl, vitae fringilla elit erat quis neque. Donec auctor bibendum leo ut faucibus. Duis ut sem justo. Donec luctus erat felis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis metus ipsum, a luctus dolor. Mauris nibh erat, aliquet sed luctus ut, pretium vitae lorem. Sed vel interdum sem. Duis eu ante justo, pellentesque egestas arcu. Duis nec dignissim magna. Curabitur sagittis mauris quam, a aliquet leo. Vivamus eget sapien vel magna vehicula molestie. Praesent purus magna, ultrices nec fermentum iaculis, gravida in justo. Ut lacinia purus vel tortor luctus lacinia. Nam vel dolor a quam tempus blandit. Donec eleifend dignissim tincidunt. Duis id mattis ante. Nunc a tortor lorem. Cras imperdiet laoreet facilisis.

Bug reports are also much appreciated. We do not have the time to test in every browser out there, so we just did the big ones. If yours isn’t on the list and you find a glitch, let us know and we’ll look into fixing it.

Mauris vitae nibh magna, a dictum massa. Donec rhoncus tincidunt ultricies. Duis dapibus porta nunc venenatis interdum. Vivamus ac eros sit amet lacus molestie elementum.

Sample H2 level heading

Morbi in blandit ante. Mauris hendrerit blandit fringilla. Nullam vehicula mollis commodo. Nunc quis felis nisi. Pellentesque pulvinar leo sed augue aliquam in viverra velit interdum. Proin massa elit, semper sed mollis eget, ultricies eget dolor.

Sample H3 level heading

Quisque ultricies purus ultricies lorem egestas rutrum. In bibendum, tortor vel tincidunt tempor, est tellus condimentum nunc, non iaculis sapien magna vel lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Sample H4 level heading

Morbi nec dolor elit, ac fringilla eros. Phasellus semper, elit a convallis fermentum, purus nibh tempus dui, consectetur pharetra sapien lorem ut purus. Vestibulum in augue sit amet felis suscipit consectetur vel sit amet tellus.

Sample H5 level heading

Suspendisse erat nisl, dignissim ut pretium vel, rhoncus quis dui. Curabitur tincidunt iaculis ultrices. In vestibulum tristique scelerisque.

Sample H6 level heading

Donec nec tellus nulla, dignissim volutpat est. Etiam porttitor consectetur arcu, in varius magna gravida in. Ut iaculis tincidunt lacus.

/* fine tune display of comments */
 function elegante_comment($comment, $args, $depth) {
 $GLOBALS['comment'] = $comment; ?>
 <li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
 <div>
 <?php comment_author_link() ?>
 <?php if ($comment->comment_approved == '0') : ?>
 <em>Your comment is awaiting moderation.</em>
 <?php endif; ?>
 <span><?php comment_date('F j, Y') ?></span>
 <?php echo get_avatar($comment, 48, 'http://www.3roadsmedia.com/themes/elegante/wp-content/themes/elegante/images/gravatar.jpg'); ?>
 </div>

 <?php comment_text() ?>

 <span><?php edit_comment_link('(edit...)'); ?></span>
 <?php if($args['max_depth']!=$depth) { // hide the "reply" button when max nested comments reached ?>
 <?php comment_reply_link(array_merge($args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
 <?php
 }
 }

You can also use the WordPress editor to color your code and make things stand out a bit:

<?php comment_text() ?>

<span><?php edit_comment_link('(edit...)'); ?></span>
<?php if($args['max_depth']!=$depth) { // hide the "reply" button when max nested comments reached ?>
<?php comment_reply_link(array_merge($args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>

The first image below is wrapped by a WordPress caption div (created when you specify a caption / alt text for an image). Alignment for this image is set to none, which is also the same styling you will see for an image aligned left (alignment is set when you add an image to your post using WordPress’ built-in functionality).

El Matador (no alignment)

I’m not sure where this image was taken, but it’s quite breathtaking, isn’t it? A left aligned image (or a non-aligned image) gives you a good opportunity to write a description about the image, which can appear to the right of the image, like this.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel quam massa, euismod interdum sem. Nulla convallis, lectus quis malesuada fermentum, felis risus interdum nisi, sodales molestie nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel quam massa, euismod interdum sem. Lorem ipsum dolor sit amet, consectetur.

Center aligned / full width image

This next image is set to align center; however, the alignment doesn’t make any difference when you add an image that is as wide as the content wrapper (490px). In our opinion, the best way to include images in your post is to set them to 490px wide and add a caption, as shown below. When this isn’t possible, you can always use one of the WordPress presets (large, medium, thumbnail).

Cabo San Lucas, Mexico (center alignment)

Next we see what happens when you insert an image that is smaller than the content wrapper (240px here) and align it to the center.

Finally, we see an image that is right aligned. Caption is optonal — the image will align right with or without it.

Autumn Scene (right aligned)

Vivamus dictum urna eu odio tempor imperdiet. Phasellus molestie mauris rutrum velit ultricies ut cursus tortor pretium. Donec vitae accumsan sem. Fusce ornare sapien a lacus rutrum facilisis. Etiam et ligula sit amet sapien rhoncus porttitor nec luctus mi. Pellentesque ante ligula, gravida non dignissim et, pulvinar ac arcu. Etiam vitae libero ac metus congue interdum quis quis quam.

A picture that is way too big

The image below is 1024 pixels wide, but shrinks to fit the content area (thanks, CSS). To keep the image aspect ratio, omit the image dimensions.

Browsers that don’t support the max-width property won’t enjoy this feature.

Embedded video

Below is an example of an embedded video from YouTube.

Gallery shortcode:

Pellentesque ligula ante, faucibus mattis fringilla ut, rutrum sed felis. Donec viverra dapibus lacus, ac iaculis ipsum molestie ac. Nulla urna risus, porttitor eget egestas eget, mollis non justo. Quisque dapibus, dolor non sollicitudin porttitor, lectus metus vestibulum felis, sit amet vulputate sem ante id ligula.

• Donec elementum molestie luctus
• Praesent tortor arcu, congue sed pellentesque eget, ultrices quis justo
• Aenean tincidunt commodo nibh euismod laoreet
• Suspendisse faucibus dui quis purus tincidunt sed faucibus urna laoreet
• Donec dignissim volutpat eros vel egestas

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum vestibulum gravida nisi vitae lobortis. In viverra, lacus id tincidunt elementum, elit dolor bibendum nulla, sed malesuada ante diam rhoncus urna. Sed non est a ipsum ullamcorper tristique sit amet quis purus. Nulla facilisi.

1. Pellentesque at tellus enim
2. Sed egestas erat sit amet urna ultrices nec luctus ante rutrum
3. Vestibulum sed turpis id sapien dignissim tristique a ut leo
4. Donec lorem nisi, condimentum nec porta molestie, sodales vel arcu

Here is an example of an unordered list with varying levels of indentation:

• Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • In vel quam massa, euismod interdum sem
    • Nulla convallis, lectus quis malesuada fermentum
      • Felis risus interdum nisi
        • Sodales molestie nibh er
        • Felis risus interdum nisi
    • Lorem ipsum dolor sit amet
      • Consectetur adipscing elit

And finally, an example of an ordered list with varying levels of indentation:

1. Nunc vulputate fermentum nisl id mollis
   1. In hac habitasse platea dictumst
   2. Sed at tincidunt nisi
      1. Etiam luctus justo ut erat placerat aliquam
         1. Cras suscipit, ipsum sit amet rutrum mattis
            1. Dui mi tempor nunc
            2. Cras suscipit ipsum sit amet
      2. Sit amet euismod nisl metus quis diam
         1. Ut congue ultricies metus.

Curabitur tincidunt ipsum ultrices orci pharetra at molestie odio viverra. In viverra dolor eu mauris faucibus placerat. Pellentesque at nisl non quam dignissim pulvinar ut eget mi.

Suspendisse convallis erat eget orci tristique placerat et vitae mi. Maecenas urna metus, porta eget varius vel, luctus a tortor. Maecenas iaculis fermentum turpis, sit amet tristique turpis pulvinar in.

Vestibulum in nisl vel tortor fringilla adipiscing a in dolor. Aenean eu justo at risus semper placerat. Integer mollis laoreet risus, vitae posuere ligula egestas nec. Integer bibendum, ante at blandit mollis, nisl eros viverra orci, non convallis lorem nulla at odio. Donec a nibh risus. Integer porta molestie nunc, ut eleifend orci ultrices nec. Vestibulum rutrum ante eu lectus interdum porta. Mauris quis fringilla arcu.

Sed at magna et magna tincidunt convallis. Nulla scelerisque, nulla vitae consectetur ornare, nisi diam scelerisque orci, vel sollicitudin metus nibh vel purus. Cras vel aliquam erat. Ut ac augue eu urna pulvinar semper. Sed scelerisque lacus in odio rutrum id venenatis massa molestie.

In sem lacus, posuere sed rutrum sit amet, bibendum eget mi. Duis arcu augue, rutrum et tempus lobortis, dignissim quis arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst.

Maecenas sodales diam id nunc sed tincidunt velit Google homepage. Mauris a libero vitae ante commodo euismod eu vel augue. Pellentesque vel turpis nibh. Nam aliquet mauris quis lorem vehicula rhoncus. Nullam hendrerit sapien eget risus rhoncus ac elementum metus vehicula. Donec facilisis, ipsum et pulvinar adipiscing, leo urna condimentum magna, in dapibus lorem velit pulvinar enim. Etiam dictum varius lacus nec venenatis. Mauris ornare consectetur massa, eu porttitor ligula vestibulum et.

In eu quam arcu, eget luctus mi. Donec et velit Yahoo Finance vel neque pharetra rutrum nec non enim. Integer lectus tortor, convallis sit amet vestibulum in, venenatis et augue. Cras tempor arcu quis neque vulputate bibendum. Nam eget justo metus, eget facilisis elit. Nunc rhoncus, diam at porttitor vehicula, neque nisi interdum quam, at scelerisque dui urna vitae urna. Suspendisse quis turpis odio, et commodo mauris. Suspendisse potenti. Cras tempor turpis a tellus vestibulum convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque ut felis vitae ligula eleifend porta. Quisque eget tellus id mauris accumsan aliquam. Mauris vulputate sapien nec arcu vehicula pulvinar.

Morbi turpis sem, a showcase of 100 free WordPress templates, tempus dapibus enim. Suspendisse commodo nisl sit amet neque ultrices eu sodales velit porttitor. Morbi sed augue ipsum, malesuada tristique velit. Nam laoreet erat id lacus ullamcorper tempus pellentesque urna porta. Proin vehicula scelerisque diam in adipiscing. Donec pharetra, lacus iaculis gravida rutrum, turpis nisl dignissim urna, a volutpat nulla felis vel nisl. In vestibulum tempor lectus, eu ultrices velit rhoncus ac. Curabitur tincidunt ipsum ultrices orci pharetra at molestie odio viverra. In viverra dolor eu mauris faucibus placerat. Pellentesque at nisl non quam dignissim pulvinar ut eget mi. Suspendisse convallis erat eget orci tristique placerat et vitae mi. Maecenas urna metus, porta eget varius vel, luctus a tortor. Maecenas iaculis fermentum turpis, sit amet tristique turpis pulvinar in.