<p>
   George Washington was our 1st president.
</p>

<p>
   John Adams was our <span class="ordinal">2nd</span> president.
</p>

<p class="ordinal">
   Sprinkles Fuzzwizard was our 133th president.
</p>
@font-face {
   font-family: "Source Sans Pro";
   font-style: normal;
   font-weight: 400;
   src: url("https://mdn.mozillademos.org/files/15757/SourceSansPro-Regular.otf")
      format("opentype");
}

p {
   font-family: "Source Sans Pro";
}

.ordinal {
   font-variant-numeric: ordinal;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.