<html>
<head>
<style>
.bluediv {
background-color:lightblue;
display: inline-block;
min-inline-size: 50px;
}
</style>
</head>
<body>
<h1>The min-inline-size Property</h1>
<p>When min-inline-size is less than the content size, the box expands to fit the content, and the min-inline-size value has no effect.</p>
<div class="bluediv">
Blue div with different min-inline-size values.
</div>
</body>
</html>