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>

karthikeya Boyini
karthikeya Boyini

I love programming (: That's all I know

Updated on: 04-Mar-2020

151 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements