---
name: Inline
heading: Miscellaneous inline text formatting
---

---html|render---

<ul class="unstyled">
	<li><a href="#">This is a simple link</a></li>
	<li><strong>Strong defines important text</strong></li>
	<li><em>The em tag renders as emphasized text</em></li>
	<li>The <b>b tag</b> visually weights text without added importance</li>
	<li>The <i>i tag</i> visually differentiates text without emphasis</li>
	<li>The <u>u tag</u> renders text with an underline</li>
	<li><s>This text has a strikethrough</s></li>
	<li><del>This is deleted text</del> and <ins>this text is inserted</ins></li>
	<li>Superscript<sup>&trade;</sup></li>
	<li>Subscript for things like H<sub>2</sub>O</li>
	<li><small>Small text is small for fine print</small></li>
	<li><abbr title="Cascading Style Sheets">CSS</abbr> is a style sheet language</li>
	<li><q cite="https://www.weepower.com">This inline quote has a cite reference</q></li>
	<li><cite>This is a citation</cite></li>
	<li>The <dfn>dfn tag</dfn> renders a definition</li>
	<li>The <mark>mark tag</mark> highlights specific text</li>
	<li>Styling <code>inline code</code> is easy</li>
	<li><samp>This is sample output</samp></li>
	<li>The variable element, such as <var>x</var> / <var>y</var> = <var>z</var></li>
	<li>The relative time is <time datetime="2014-02-14T08:00">2 weeks</time></li>
</ul>