# Horizontal Rule

![](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MYIe9A9dJV4SZ5Zih12%2F-MYLv27xf50c36hSgc8w%2Fhorizontal_rule_6.gif?alt=media\&token=2b448b5d-76b8-4560-b7e9-eb4ad71a89ac)

## Default

![Default Horizontal Rule](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MTE-blU9WbnVZHU6UGi%2F-MTE1lA1CaDzEb_7fhtY%2FScreen%20Shot%202021-02-10%20at%209.51.13%20PM.png?alt=media\&token=22c6d260-7cfe-4a2c-af65-0f36b7486f19)

#### Use case

![Sample of a default Horizontal Rule](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MTE4jAFWGR3sViE_Ilv%2F-MTEB7baTCh43LSDkVI_%2FScreen%20Shot%202021-02-10%20at%2010.43.17%20PM.png?alt=media\&token=43639e83-8d2e-4a7e-af8e-e6ac64192ef8)

## Variations 

{% hint style="info" %}
Variation styles are not rendered while editing the article or in the agent portal. View your article in the Service Portal for an accurate depiction of your content.
{% endhint %}

### Yellow to Blue Gradient

![Horizontal Rule - Yellow to Blue Gradient](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MTBZH5W91DhEEmDdVLD%2F-MTDykQXvVgssvSepYa8%2FScreen%20Shot%202021-02-10%20at%209.45.09%20PM.png?alt=media\&token=68f3b3eb-9755-4375-9fc8-0ad013c125bc)

#### Use case

![Sample of the Yellow to Blue Gradient Horizontal Rule](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MTE-blU9WbnVZHU6UGi%2F-MTE3hUHnhtosA_HuEsi%2FScreen%20Shot%202021-02-10%20at%2010.11.43%20PM.png?alt=media\&token=4207bdfb-c368-4cb6-b6fc-365863ce2df2)

## Code Snippets

#### Default (Available in the KB Article Editor)

```
<hr/>
```

#### Yellow to Blue Gradient

```
<hr class="my-4 gtHRylw2blu" />
```