Other Text Styles | UCLA Web Components

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.

This paragraph contains text that is in a blockquote. Don't put a blockquote in a figure. But you can put a figure in a blockquote. Implement HTML5 blockquote element.

First Name Last Name
Title
Source

<figure class="blockquote">
  <blockquote cite="https://www.ucla.edu">
    <p>This paragraph contains text that is in a blockquote. Don't put a blockquote in a figure. But you can put a figure in a blockquote. Implement HTML5 blockquote element.</p>
  </blockquote>
  <figcaption>First Name Last Name<br/><em>Title</em><br /><cite>Source</cite></figcaption>
</figure>