Typographyv5.x

Special textual formats improve the understandability and readability of textual entries

Bootstrap v5.x | Typography

  • Lead Text

    <p class="lead">Use lead text to summarize content or focus readers</p>

    example

    Use lead text to summarize content or focus readers

  • Math Forumlas

    <var>a</var> + <var>b</var> = <var>c</var>

    example

    a + b = c

  • Keyboard

    <kbd>CTRL</kbd> + <kbd>Z</kbd>

    example

    CTRL + Z

  • Computer Code

    <p>This is a <code>&lt;span&gt;&lt;/span&gt;</code> element.</p>

    example

    this is a <span></span> element.

  • Computer Output

    <samp>You have pressed a key!</samp>

    example
    You have pressed a key!
  • Highlighter / Marker Text

    Pay attention <mark>to this</mark>

    example
    Pay attention to this
  • Small Text

    Primary text <small>(subordinate text)</small>

    example
    Primary text (subordinate text)
  • Linethrough Text

    This and <del>not that</del>

    example
    This and not that
  • Superscript

    2<sup>3</sup> = 8

    example
    23 = 8
  • Subscript

    Water, a.k.a. H<sub>2</sub>O

    example
    Water, a.k.a. H2O

This will reset the page. Are you sure?