---
layout: docs
title: Pre
description: null
---

## Example

<pre><code>&lt;p&gt;pre&lt;/p&gt;</code></pre>

### HTML

```html
<pre>...</pre>
```

### CSS

```scss
--pre-margin: 1em 0;
--pre-padding: 1em;
--pre-font-family: var(--code-font-family);
--pre-font-weight: normal;
--pre-font-size: var(--code-font-size);
--pre-font-style: normal;
--pre-color: inherit;
--pre-tab-size: 4;
--pre-hyphens: none;
--pre-line-height: var(--line-height-m);
--pre-background: var(--light-50);
--pre-border-width: var(--border-width);
--pre-border-style: var(--border-style);
--pre-border-color: var(--border-color);
--pre-border-radius: var(--border-radius);

--pre-code-color: inherit;
```