CodeinWP CodeinWP

Example page with all items

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

This is an example of a second-level heading

This is a linked image with a caption:

Example
This is an image caption

This is an example of a blockquote. It’s usually a quote from somewhere else to be included in an article on this website. This is just filler text to demonstrate how it looks when it’s longer.

Below is a code example:

h2 {
  background-color: #444;
  color: white;
  padding: 7px;
}

aside h2 {
  background: none;
  color: #444;
}

This is an example of a third-level heading

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

This is an example of a fourth-level heading

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

This is an example bullet list:

  • This is a list item
  • Another one
    • This is a nested list
    • Another one
    • More items
    • Another item goes here, this one with longer text just to show some more text. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.
  • More items
  • Another item goes here, this one with longer text just to show some more text. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

This is an example numbered list:

  1. This is a list item
  2. Another one
  3. More items
  4. Another item goes here, this one with longer text just to show some more text. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.

This is an example paragraph with some code snippets within the sentences. I can include a document.querySelector() example or make reference to the CSS float property.

This is an example of an abbreviation element: CSS and another: WYSIWYG.

Button Examples