EXMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The height property in CSS</title>
	<style type="text/css">
		div {
		  width: 250px;
		  margin-bottom: 5px;
		  border: 4px solid red;
		}
		
		#taller {
		  height: max-content;
		}
		
		#shorter {
		  height: fit-content(20em);
		}
		
		#parent {
		  height: 100px;
		}
		
		#child {
		  height: 50%;
		  width: 75%;
		}
	</style>
</head>

<body>
	<div id="taller">Study Tonight</div>
	<div id="shorter">is the best place</div>
	<div id="parent">
		<div id="child">to learn digital courses in a simplified way</div>
	</div>
</body>

</html>