<html>
<head>
<style>
div {
background-color: red;
width: 100px;
aspect-ratio: 3/2;
}
</style>
</head>
<body>
<h3>Aspect-ratio property</h3>
<div>Hello</div>
<p>Aspect ratio is width/height.</p>
<p>Aspect-ratio of 3/2 and width set to 100px makes height of red box 2/3 of width in this case.</p>
</body>
<!-- Mirrored from www.w3schools.com/cssref/tryit.php?filename=trycss_aspect-ratio by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 17:34:42 GMT -->
</html>