# Code Text

> See [MDN: \<code>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code)

The Code Text component displays inline code snippets with monospace formatting. It renders as a `<code>` HTML element, making it semantically correct for representing code, filenames, or technical terms.

## When to Use

Use Code Text for:

* Inline code references (variable names, function calls)
* Filenames and paths
* Keyboard shortcuts
* Technical terms
* Command examples

## How to Use

1. Drag a **Code Text** component from Components > Text onto your canvas
2. Enter your code or technical text
3. Style to differentiate from regular text

## Related

* [Text](https://docs.webstudio.is/university/core-components/text) – Inline text content
* [HTML Embed](https://docs.webstudio.is/university/core-components/html-embed) – Embed custom HTML/code
* [Paragraph](https://docs.webstudio.is/university/core-components/paragraph) – Block-level text