CSS min-width Property - Playground Example

« Back to CSS min-width Property

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.test {
   min-width: 100px;
   background: khaki; 
}
.test2 {
   min-width: 100px;
   max-width: 200px;
   background: orange;
}
</style>
</head>
<body>
<div class="test">The block in which the minimum width is set to 100px.</div> 
<br> 
<div class="test2">The block in which the minimum width is 100px and the maximum is 200px ..</div> 
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee