Ok. I want to create div which:
1. is as big as text is
2. but it has its minimal size and maximal one
And tell my why this line of CSS makes my height as max-height instead of size of text or minimal height ?
div#me{max-height:40%;min-height:20%;background-color:silver;}
full code:
<head>
<meta http-equiv="Content-Language" content="pl" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<html>
<style type="text/css">
html {width:100%;height:100%;}
html div{margin-left:3%;margin-top:1%;width:94%;height:100%;background-color:black;}
div#me{max-height:40%;min-height:20%;background-color:silver;}
</style>
<div>
<div id="me">
TEXT<br/>
TEXT<br/>
</div>
</div>
</html>