<!DOCTYPE html>
<head>
<title>The Width and Height Property</title>
<style type="text/css">
.width_height{
width: 300px;
height: 150px;
background: #F60;
color:#FFF;
padding:10px;
}
</style>
</head>
<body>
<div class="width_height">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<title>The max-height Property</title>
<style type="text/css">
.max_height{
width: 300px;
max-height:80px;
background: #F60;
color:#000;
padding:10px;
}
</style>
</head>
<body>
<div class="max_height">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<title>The min-height Property</title>
<style type="text/css">
.min_height{
width: 300px;
min-height:200px;
background: #F60;
color:#FFF;
padding:10px;
}
</style>
</head>
<body>
<div class="min_height">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<title>The max-width Property</title>
<style type="text/css">
.max_width{
max-width:200px;
background: #F60;
color:#FFF;
padding:10px;
}
</style>
</head>
<body>
<div class="max_width">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<title>The min-width Property</title>
<style type="text/css">
.min_width{
min-width:300px;
background: #F60;
color:#FFF;
padding:10px;
}
</style>
</head>
<body>
<div class="min_width">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</body>
</html>
Our website is made possible by displaying ads to our visitors.
Please help us continue to provide you with free. So please disabling your ad blocker.