Other Text Styles

Report an Issue Join the Slack Discussion

Right-Aligned Text

<p class="right-align">Right-Aligned Text</p>

Left-Aligned Text

<p class="left-align">Left-Aligned Text</p>

Center-Aligned Text

<p class="center-align">Center-Aligned Text</p>

This sentence contains text styled as strong.

<p>This sentence contains text styled as <strong>strong</strong>.</p>

This sentence contains text styled as emphasis.

<p>This sentence contains text styled as <em>emphasis</em>.</p>

This sentence contains text styled as strike.

<p>This sentence contains text styled as <del>strike</del>.</p>

This sentence contains text that has been marked.

<p>This sentence contains text that has been <mark>marked</mark>.</p>

This sentence contains text that has been inserted.

<p>This sentence contains text that has been <ins>inserted</ins>.</p>

Note: The following blockquote’s styling does not behave as it does when being used. To see an better example, please see the component example here.

Quote copy. A series of senences together which make a paragraph. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus caborundum e pluribus unum.

<figure class="blockquote">
  <blockquote cite="https://www.ucla.edu">
    <p>Quote copy. A series of senences together which make a paragraph. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus caborundum e pluribus unum.</p>
  </blockquote>
  <figcaption>First Name Last Name<br/><em>Title</em><br /><cite>Source</cite></figcaption>
</figure>