<div class="space-25"></div>
<header class="row page-hl has-border">
	<div class="col-xl-9 col-lg-11 col-sm-12 no-padding">
		<h1>Inline text styles</h1>
	</div>
</header>

<div class="row internal-concept">
	<div class="col-xl-12">
		<p>Lorem ipsum dolor sit amet, <mark>consectetur</mark> adipisicing elit.</p>

		<p><del>To indicate deleted text.</del></p>

		<p><s>For indicating blocks of text that are no longer relevant.</s></p>

		<p><ins>For indicating additions to the document.</ins></p>

		<p><u>To underline text.</u></p>

		<p><small>For de-emphasizing inline or blocks of text, set text at 85% the size of the parent.</small></p>

		<p class="small">You may alternatively use an inline element with <mark>.small</mark> in place of any <mark>&lt;small&gt;</mark>.</p>

		<p><strong>For emphasizing a snippet of text with a heavier font-weight.</strong></p>

		<p><em>For emphasizing a snippet of text with italics.</em></p>
	</div>
</div>
