<!DOCTYPE html>
<html>
<head>
<title>The title of the document </title>
<style>
div.a {
font-family: sans-serif;
}
div.b {
font-family: 'times new roman';
}
#box-one,
#box-two {
font-size-adjust: 0.58;
}
</style>
</head>
<body>
<h1>Font-size-adjust property example</h1>
<h2>Two divs with the same font-size-adjust property:</h2>
<div id="box-one" class="a">
The font-size-adjust CSS property sets how the font size should be chosen based on the height of lowercase rather than capital letters.
</div>
<div id="box-two" class="b">
The font-size-adjust CSS property sets how the font size should be chosen based on the height of lowercase rather than capital letters.
</div>
<h2>Two divs without the font-size-adjust property:</h2>
<div class="a">
The font-size-adjust CSS property sets how the font size should be chosen based on the height of lowercase rather than capital letters.
</div>
<div class="b">
The font-size-adjust CSS property sets how the font size should be chosen based on the height of lowercase rather than capital letters.
</div>
</body>
</html>