Inline Text Elements

<p>This line of text is rendered as normal text</p>
  <p class="body-24">This line of text is rendered as normal text with body-24 class</p>
  <p class="body-28">This line of text is rendered as normal text with body-28 class</p>
  <p><del>This line of text is rendered as deleted text</del></p>
  <p><s>This line of text is rendered as no longer accurate</s></p>
  <p><ins>This line of text is rendered as an addition to the document</ins></p>
  <p><u>This line of text is rendered as underlined text</u></p>
  <p><strong>This line of text is rendered as bold text</strong></p>
  <p><em>This line of text is rendered as italicized text</em></p>
  <p><small>This line of text is rendered as fine print</small></p>
  <p>This line of text has <sub>subscripted</sub> content</p>
  <p>This line of text has <sup>superscripted</sup> content</p>
  <p>This line of text has <mark>highlighted</mark> content</p>
  <p>This line of text has <code>Inline Code Element</code></p>
  <p>This line of text has <abbr title="Description of the Abbreviation">Abbreviation Element</abbr></p>

  <pre class="code-preview">&lt;p&gt;This line of text is rendered as normal text&lt;/p&gt;
&lt;p class&#x3D;&quot;body-24&quot;&gt;This line of text is rendered as normal text with body-24 class&lt;/p&gt;
&lt;p class&#x3D;&quot;body-28&quot;&gt;This line of text is rendered as normal text with body-28 class&lt;/p&gt;
&lt;p&gt;&lt;del&gt;This line of text is rendered as deleted text&lt;/del&gt;&lt;/p&gt;
&lt;p&gt;&lt;s&gt;This line of text is rendered as no longer accurate&lt;/s&gt;&lt;/p&gt;
&lt;p&gt;&lt;ins&gt;This line of text is rendered as an addition to the document&lt;/ins&gt;&lt;/p&gt;
&lt;p&gt;&lt;u&gt;This line of text is rendered as underlined text&lt;/u&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;This line of text is rendered as bold text&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;This line of text is rendered as italicized text&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;small&gt;This line of text is rendered as fine print&lt;/small&gt;&lt;/p&gt;
&lt;p&gt;This line of text has &lt;sub&gt;subscripted&lt;/sub&gt; content&lt;/p&gt;
&lt;p&gt;This line of text has &lt;sup&gt;superscripted&lt;/sup&gt; content&lt;/p&gt;
&lt;p&gt;This line of text has &lt;mark&gt;highlighted&lt;/mark&gt; content&lt;/p&gt;
&lt;p&gt;This line of text has &lt;code&gt;Inline Code Element&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;This line of text has &lt;abbr title&#x3D;&quot;Description of the Abbreviation&quot;&gt;Abbreviation Element&lt;/abbr&gt;&lt;/p&gt;
</pre>