Level One Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus id corporis, sed accusamus eligendi in ratione tenetur? Quidem nisi iure pariatur corporis doloremque libero voluptates quaerat! Cupiditate provident nostrum adipisci.

Level Two Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus id corporis, sed accusamus eligendi in ratione tenetur? Quidem nisi iure pariatur corporis doloremque libero voluptates quaerat! Cupiditate provident nostrum adipisci.

Level Three Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus id corporis, sed accusamus eligendi in ratione tenetur? Quidem nisi iure pariatur corporis doloremque libero voluptates quaerat! Cupiditate provident nostrum adipisci.

Level Four Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus id corporis, sed accusamus eligendi in ratione tenetur? Quidem nisi iure pariatur corporis doloremque libero voluptates quaerat! Cupiditate provident nostrum adipisci.

Level Five Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus id corporis, sed accusamus eligendi in ratione tenetur? Quidem nisi iure pariatur corporis doloremque libero voluptates quaerat! Cupiditate provident nostrum adipisci.

Level Six Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus id corporis, sed accusamus eligendi in ratione tenetur? Quidem nisi iure pariatur corporis doloremque libero voluptates quaerat! Cupiditate provident nostrum adipisci.

Paragraphs

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Delectus id corporis, sed accusamus eligendi in ratione tenetur? Quidem nisi iure pariatur corporis doloremque libero voluptates quaerat! Cupiditate provident nostrum adipisci.

This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link.  It is also worth noting in the "kitchen sink" view you can also add underline styling and set text color with pesky inline CSS.

This is a small standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link.  It is also worth noting in the "kitchen sink" view you can also add underline styling and set text color with pesky inline CSS.

Currently WordPress blockquotes are just wrapped in blockquote tags and have no clear way for the user to define a source. Maybe one day they'll be more semantic (and easier to style) like the version below.

HTML5 comes to our rescue with the footer element, allowing us to add semantically separate information about the quote.

  1. Ordered list item one.
  2. Ordered list item two.
  3. Ordered list item three.
  4. Ordered list item four.
  5. By the way, Wordpress does not let you create nested lists through the visual editor.

Buttons

Outline

Sizes

Color

Components

Cards

2011

22./23. Juli 1996

image-alt

Headline maybe it has really two lines worst case

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nobis cumque illo unde voluptatum numquam, veniam debitis maiores? Neque nam laborum incidunt sunt, minus porro quis voluptate commodi inventore quia officia!

in der Deutschen Kinemathek, Berlin

2011

22./23. Juli 1996

image-alt

22./23. Juli 1996

Headline maybe it has really two lines worst case

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nobis cumque illo unde voluptatum numquam, veniam debitis maiores? Neque nam laborum incidunt sunt, minus porro quis voluptate commodi inventore quia officia!

in der Deutschen Kinemathek, Berlin

Mehr
portrait

22./23. Juli 1996

Headline maybe it has really two lines worst case

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nobis cumque illo unde voluptatum numquam, veniam debitis maiores? Neque nam laborum incidunt sunt, minus porro quis voluptate commodi inventore quia officia!

Mehr