CSS max-height Property

<!DOCTYPE html>
<html>
<head>
<style>
    .ex1 {
        max-height: 40px;
        overflow: auto;
    }
</style>
</head>
<body>

<h1>The max-height property</h1>

<h2>max-height: none</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat.</p>

<h2>max-height: 40px</h2>
<p class="ex1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat.</p>

</body>
</html>

Commands	Shortcut Key (Win)	Shortcut Key (Mac)
selectAll	Ctrl-A	Cmd-A
singleSelection	Esc	-
killLine	-	Ctrl-K (Mac)
deleteLine	Ctrl-D	Cmd-D
undo	Ctrl-Z	Cmd-Z
redo	Ctrl-Y	Shift-Cmd-Z, Cmd-Y
undoSelection	Ctrl-U	Cmd-U
redoSelection	Alt-U	Shift-Cmd-U
goDocStart	Ctrl-Home	Cmd-Up, Cmd-Home
goDocEnd	Ctrl-End	Cmd-End, Cmd-Down
goLineStart	Alt-Left	Ctrl-A
goLineEnd	Alt-Right	Ctrl-E
goLineRight	-	Cmd-Right
goLineLeft	-	Cmd-Left
goLineUp	Up	Ctrl-P
goLineDown	Down	Ctrl-N
goPageUp	PageUp	Shift-Ctrl-V
goPageDown	PageDown	Ctrl-V
newlineAndIndent	Enter	-
save	Ctrl-S	Cmd-S