<p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
            tincidunt diam sed tellus vehicula, non ultrices ligula egestas.
            Integer vitae dictum nisi, at efficitur nisi. Sed lorem leo,
            malesuada et nunc ut, vulputate vehicula orci.
        </p>

<p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
            tincidunt diam sed tellus vehicula, non ultrices ligula egestas.
            Integer vitae dictum nisi, at efficitur nisi.
        </p>
        <p>
            Etiam ultrices auctor dolor quis ultricies. Fusce nec laoreet est.
            Aenean ut tortor auctor leo ultrices mattis vitae sit amet diam.
            Morbi in commodo libero.
        </p>
        <p>
            Vestibulum at eros nec ligula dictum dignissim. Vestibulum sodales
            tortor ut nisl bibendum, at fringilla mi egestas. Proin elementum
            nibh urna, a dictum diam tincidunt et.
        </p>

<p>
            Water is H
            <sub>2</sub>
            O and the equation is E = mc
            <sup>2</sup>
            .
        </p>
        <p>
            The 1
            <sup>st</sup>
            of January, 2
            <sup>nd</sup>
            of February, 3
            <sup>rd</sup>
            of March.
        </p>

<p>
            According to
            <cite>The Design of Everyday Things</cite>
            by Don Norman, good design is invisible. The
            <abbr title="User Experience">UX</abbr>
            should be seamless.
        </p>
        <p>
            The
            <abbr title="Cascading Style Sheets">CSS</abbr>
            specification is maintained by the
            <abbr title="World Wide Web Consortium">W3C</abbr>
            .
        </p>

<p>
            You can
            <mark>highlight important text</mark>
            within a paragraph to draw attention to key information.
        </p>

<p>
            Use
            <em>emphasis</em>
            for stress emphasis and
            <strong>strong</strong>
            for important content. You can also
            <em><strong>combine both</strong></em>
            .
        </p>

<p>
            Regular text
            <small>
                with small text for side comments, disclaimers, or legal text
            </small>
            .
        </p>

<p>
            The price is
            <del>$99</del>
            <ins>$79</ins>
            (20% off!).
        </p>
        <p>
            <s>This information is no longer accurate.</s>
        </p>

<p>
            Use the
            <code>console.log()</code>
            function to debug JavaScript. Variables like
            <code>const</code>
            and
            <code>let</code>
            are block-scoped.
        </p>

<p>
            Press
            <kbd>Cmd</kbd>
            +
            <kbd>S</kbd>
            to save on Mac, or
            <kbd>Ctrl</kbd>
            +
            <kbd>S</kbd>
            on Windows.
        </p>
        <p>
            Use
            <kbd>Cmd</kbd>
            +
            <kbd>Shift</kbd>
            +
            <kbd>P</kbd>
            to open the command palette.
        </p>

<p>
            The command returned:
            <samp>Operation completed successfully.</samp>
        </p>

<p class="ss-c-lead">
            This is a lead paragraph with larger text that introduces an
            article or section. It helps draw readers into the content.
        </p>
        <p>
            Regular paragraphs follow with standard text size. Lorem ipsum
            dolor sit amet, consectetur adipiscing elit.
        </p>

<p class="ss-c-dropcap">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis
            tincidunt diam sed tellus vehicula, non ultrices ligula egestas.
            Integer vitae dictum nisi, at efficitur nisi. Sed lorem leo,
            malesuada et nunc ut.
        </p>