<!DOCTYPE html>
<html>
<head>
<title>CSS min-height property</title>
<style>
div {
font-family: sans-serif;
font-size: 20px;
border: 1px solid #000;
}
div.one {
height: 100px;
min-height: 200px;
}
div.two {
height: auto;
min-height: 50px;
}
</style>
</head>
<body>
<h1><code><b>height 100px with minimum height 200px</b></code></h1>
<div class="one">Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena.</div>
<br />
<h1><code><b>height auto with minimum height 50px</b></code></h1>
<div class="two">Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena.</div>
</body>
</html>
