---
title: Content
description: 'Content styles apply your Web Awesome theme to HTML text content, code, and images.'
tags: content
layout: element
icon: skeleton
elements:
  "<h1>-<h6>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
  "<blockquote>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote
  "<strong>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong
  "<em>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em
  "<u>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u
  "<del>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del
  "<ins>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins
  "<s>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/s
  "<small>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/small
  "<sub>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub
  "<sup>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup
  "<abbr>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr
  "<kbd>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd
  "<mark>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark
  "<a>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
  "<code>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code
  "<img>": https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
file: styles/native/content.css
---


## Typography

Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Amet mauris commodo quis imperdiet. Bibendum ut tristique et egestas quis ipsum suspendisse. Sit amet nulla facilisi morbi tempus iaculis urna id volutpat.

Cras pulvinar mattis nunc sed blandit libero. Facilisis magna etiam tempor orci. Scelerisque eleifend donec pretium vulputate sapien nec. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque.

> What is a Web year now, about three months? And when people can browse around, discover new things, and download them fast, when we all have agents - then Web years could slip by before human beings can notice.
>
> — Tim Berners-Lee

## Inline Text

```html
Feugiat nisl pretium fusce id. Ipsum dolor sit amet consectetur adipiscing elit. Eget nunc lobortis mattis aliquam faucibus purus. Metus dictum at tempor commodo ullamcorper a lacus vestibulum. Urna condimentum mattis pellentesque id nibh tortor id.
```

<div class="two-columns">
  <p><strong>Bold</strong></p>
  <p><em>Italics</em></p>
  <p><u>Underline</u></p>
  <p><del>Deleted</del></p>
  <p><ins>Inserted</ins></p>
  <p><s>Strike-through</s></p>
  <p><small>Small</small></p>
  <p><span>Text <sub>Sub</sub></span></p>
  <p><span>Text <sup>Sup</sup></span></p>
  <p><abbr title="Abbreviation">Abbr.</abbr></p>
  <p><kbd>Keyboard</kbd></p>
  <p><mark>Highlighted</mark></p>
  <p><a href="#">Link text</a></p>
  <p><code>Inline code</code></p>
</div>

## Headings

### Heading 3

Feugiat nisl pretium fusce id. Ipsum dolor sit amet consectetur adipiscing elit. Eget nunc lobortis mattis aliquam faucibus purus. Metus dictum at tempor commodo ullamcorper a lacus vestibulum. Urna condimentum mattis pellentesque id nibh tortor id.

#### Heading 4

Gravida arcu ac tortor dignissim convallis aenean. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Ipsum nunc aliquet bibendum enim facilisis gravida neque. Donec adipiscing tristique risus nec feugiat in.

##### Heading 5

Enim diam vulputate ut pharetra sit. Enim facilisis gravida neque convallis a cras. Enim neque volutpat ac tincidunt vitae semper. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium.

###### Heading 6

Tincidunt ornare massa eget egestas purus viverra accumsan in nisl. Facilisis mauris sit amet massa vitae. Nunc faucibus a pellentesque sit amet porttitor. Adipiscing tristique risus nec feugiat in fermentum.


## Code Blocks

```
// do a thing
export function thing() {
  return true;
}
```

## Images

![A gray kitten lays next to a toy](https://images.unsplash.com/photo-1620196244888-d31ff5bbf163?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)
