Computer >> Computer tutorials >  >> Programming >> CSS

Set the minimum height that a box can be with CSS


The min-height property is used to set the minimum height that a box can be. The value of the min-height property can be a number, a length, or a percentage.

Example

<html>
   <head>
   </head>
   <body>
      <p style = "width:400px; min-height:150px; border:1px solid blue; padding:5px; margin:10px;">
         This paragraph is 400px wide and min height is 150px
         This paragraph is 400px wide and min height is 150px
         This paragraph is 400px wide and min height is 150px
         This paragraph is 400px wide and min height is 150px
      </p>
      <img alt = "logo" src = "/css/images/logo.png" width = "100" height = "100" />
   </body>
</html>