### Basic Headings

Basic headings can be formed using HTML heading tags and applying the **ui** and **header** classes from semantic.

```html
<h1 class="ui header">Heading 1</h1>
```
    <div>
        <h1 class="ui header">Heading 1</h1>
        <h2 class="ui header">Heading 2</h2>
        <h3 class="ui header">Heading 3</h3>
        <h4 class="ui header">Heading 4</h4>
        <h5 class="ui header">Heading 5</h5>
        <h6 class="ui header">Heading 6</h6>
    </div>

### Styled Headings

You can also add an underline to the heading by adding the **croud** class.

```html
<h1 class="ui header croud">Heading 1</h1>
```

    <div>
        <h1 class="ui header croud">Heading 1</h1>
        <h2 class="ui header croud">Heading 2</h2>
        <h3 class="ui header croud">Heading 3</h3>
        <h4 class="ui header croud">Heading 4</h4>
        <h5 class="ui header croud">Heading 5</h5>
        <h6 class="ui header croud">Heading 6</h6>
    </div>