EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The fit-content property in CSS</title>
	<style type="text/css">
		div {
		  color: deeppink;
		}
		
		.border-box {
			border: 4px double purple;
		  width: fit-content;
		  background-color: #8cccff;
		  padding: 5px;
		  margin-bottom: 1em;
		}
	</style>
</head>

<body>
	<div class="border-box">Study Tonight</div>
</body>

</html>