JSFiddle - React, Tailwind, and code Playground

by Diana Lemen

HTML

<!DOCTYPE html>
<html>
<head>
<style>
div.a {
  font-stretch: semi-condensed;
}

div.b {
  font-stretch: expanded;
}
</style>
</head>
<body>

<h1>The font-stretch Property</h1>

<div>Some normal text in a div element.</div>

<div class="a">Some condensed text in a div element.</div>

<div class="b">Some expanded text in a div element.</div>

<p><b>Note:</b> No browsers support the font-stretch property.</p>

</body>
</html>