<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.