4-elements edit

<!-- components/4-elements/text-treatments.php --> <div class="text"> <p>This is normal paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p><a href="#">This is a text link</a></p> <p><strong>Strong is used to indicate strong importance</strong></p> <p><em>This text has added emphasis</em></p> <p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p> <p>The <i>i element</i> is text that is set off from the normal text</p> <p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p> <p><del>This text is deleted</del> and <ins>This text is inserted</ins></p> <p><s>This text has a strikethrough</s></p> <p>Superscript^®</p> <p>Subscript for things like H₂O</p> <p><small>This small text is small for for fine print, etc.</small></p> <p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p> <p>Keybord input: <kbd>Cmd</kbd></p> <p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p> <p><cite>This is a citation</cite> </p> <p>The <dfn>dfn element</dfn> indicates a definition.</p> <p>The <mark>mark element</mark> indicates a highlight</p> <p><code>This is what inline code looks like.</code></p> <p><samp>This is sample output from a computer program</samp></p> <p>The <var>variable element</var>, such as <var>x</var> = <var>y</var></p> </div> <!--end .text--> <!-- components/4-elements/text-treatments.php -->