This paragraph is nested inside an article. It contains many different, sometimes useful, HTML5 tags. Of course there are classics like emphasis, strong, and small but there are many others as well. Hover the following text for abbreviation tag: abbr. Similarly, you can use acronym tag like this: ftw. You can define deleted text which often gets replaced with inserted text.

You can also use keyboard text, which sometimes is styled similarly to the <code> or samp tags. Even more specifically, there is a tag just for variables. Not to be mistaken with blockquotes below, the quote tag lets you denote something as quoted text. Lastly don't forget the sub (H₂O) and sup (E = MC²) tags.

In my quaint garden

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione dolore voluptatem et enim ab itaque assumenda nulla? Praesentium repellendus iure corporis illo, ut facilis voluptas eveniet non necessitatibus reprehenderit quia. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius facilis deserunt tempore, quidem sequi quos rerum. Eos excepturi maiores laudantium veritatis alias amet placeat perspiciatis natus error dolore, nulla consequuntur?

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quasi, culpa quo totam alias maxime expedita porro ut perspiciatis nulla hic, sed obcaecati voluptates sunt dolores, distinctio illo cumque voluptate explicabo!

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quasi, culpa quo totam alias maxime expedita porro ut perspiciatis nulla hic, sed obcaecati voluptates sunt dolores, distinctio illo cumque voluptate explicabo!

In my quaint garden

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellat, dolor. Consectetur, unde alias! Omnis voluptates pariatur doloremque saepe sapiente unde nesciunt reprehenderit eos itaque sint sed, tenetur dolorum repellat corrupti?

Blockquote: I quickly explained that many big jobs involve few hazards

This is a mult-line blockquote with a cite reference. People think focus means saying yes to the thing you've got to focus on. But that's not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I'm actually as proud of the things we haven't done as the things I have done. Innovation is saying no to 1,000 things.

Steve Jobs–Apple Worldwide Developers' Conference, 1997

Definition List Title

Definition list division.

Kitchen Sink

Used in expressions to describe work in which all conceivable (and some inconceivable) sources have been mined. In this case, a bunch of markup.

lorem

Lorem ipsum dolor sit amet consectetur adipisicing elit.

• Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae accusamus ad quibusdam, non qui sequi beatae nulla odio dolor, cum officiis asperiores odit architecto, soluta id facere maiores blanditiis eveniet.

• Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae accusamus ad quibusdam, non qui sequi beatae nulla odio dolor, cum officiis asperiores odit architecto, soluta id facere maiores blanditiis eveniet.

• Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae accusamus ad quibusdam, non qui sequi beatae nulla odio dolor, cum officiis asperiores odit architecto, soluta id facere maiores blanditiis eveniet.

1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae accusamus ad quibusdam, non qui sequi beatae nulla odio dolor, cum officiis asperiores odit architecto, soluta id facere maiores blanditiis eveniet.

2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae accusamus ad quibusdam, non qui sequi beatae nulla odio dolor, cum officiis asperiores odit architecto, soluta id facere maiores blanditiis eveniet.

3. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae accusamus ad quibusdam, non qui sequi beatae nulla odio dolor, cum officiis asperiores odit architecto, soluta id facere maiores blanditiis eveniet.

• Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quo dolores esse asperiores corporis ipsam eaque cupiditate quos deserunt adipisci assumenda provident aspernatur ullam eius, numquam quia sunt a. Adipisci?
  • Nested list item
    • Level 3, item one
    • Level 3, item two
    • Level 3, item three
    • Level 3, item four
  • List item two
  • List item three
  • List item four
• List item two
• List item three
• List item four

1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur soluta quas placeat voluptas nisi repudiandae nemo tenetur assumenda dignissimos cumque autem recusandae quo, sequi deleniti numquam, laudantium minima corrupti ut!
   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

pre {
display: block;
padding: 7px;
background-color: #F5F5F5;
border: 1px solid #E1E1E8;
border-radius: 3px;
white-space: pre-wrap;
word-break: break-all;
font-family: Menlo, Monaco;
line-height: 160%;
}