Headlines and paragraphs

<h1>Headline 1</h1>
<h2>Headline 2</h2>
<h3>Headline 3</h3>
<h4>Headline 4</h4>
<h5>Headline 5</h5>
<h6>Headline 6</h6>
<p>Paragraph</p>

Result:

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5

Headline 6

Paragraph

Text styles

<strong>Bold</strong>
<em>Italic</em>
<u>Underline</u>

Result:

Bold Italic Underline

Unordered list

<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>

Result:

• Item 1
• Item 2

Ordered list

<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>

Result:

1. Item 1
2. Item 2

Links

<a href="https://iubenda.com">Click here</a>

Result:

Click here

Button

<a class="btn">This is a button</a>

Result:

This is a button

Button sizes

<a class="btn small">Button small</a>
<a class="btn mid">Button mid</a>
<a class="btn mid_large">Button mid/large</a>
<a class="btn large">Button large</a>

Result:

Button small

Button mid

Button mid/large

Button large

Button Colors

<a class="btn iubgreen">Button iubgreen</a>
<a class="btn green">Button green</a>
<a class="btn blue">Button blue</a>
<a class="btn red">Button red</a>
<a class="btn yellow">Button yellow</a>

Result:

Button iubgreen

Button green

Button blue

Button red

Button yellow

Blockquote

<blockquote>Lorem ipsum dolor sit amet</blockquote>

Result:

Lorem ipsum dolor sit amet

Text Code Highlighted

<code>defaultStyle</code>

Result:

defaultStyle

Image

<img src="IMAGE URL" width="120" height="32" alt="IMAGE TITLE" />

Result:

Table

<table>
 <tr>
  <th>Firstname</th>
  <th>Lastname</th>
  <th>Age</th>
 </tr>
 <tr>
  <td>Mimmo</td>
  <td>Vele</td>
  <td>40</td>
 </tr>
 <tr>
  <td>Dumitru</td>
  <td>Ceban</td>
  <td>30</td>
 </tr>
</table>

Result:

Example code

<pre class="prettyprint linenums html-code">
...code here...
</pre>