<header>
<h1>Odometer</h1>
</header>
<main>
<p class="odometer" id="odometer">0</p>
</main>
body {
min-width: 230px;
text-align: center;
font-family: Arial;
}
header h1 {
font-weight: normal;
padding: 20px;
font-size: 42px;
letter-spacing: 0.1em;
}
main {
width: 80%;
max-width: 400px;
margin: auto;
font-size: clamp(60px, 30vw, 200px);
border: solid 2px;
}
main #odometer {
display: block;
margin: 0;
padding: 0 20px;
}
setTimeout(function(){
odometer.innerHTML = 986;
}, 100);