<div class="info">
<p>За допомогою властивості <code>max-height</code> ми можемо обмежувати максимальне можливе значення висоти для блоку.</p>
<p>Наприклад, висота цього блоку (сірого кольору) має дорівнювати висоті контенту (жовтого кольору), але за допомогою вище вказаної властивості, ми це можемо змінити (в нашому прикладі для блоку задана максимальна висота <em>120px</em>, тому контент вилізає за його межі).</p>
</div>
* {
box-sizing: border-box;
}
body {
font-family: monospace;
font-size: 17px;
}
.info {
padding: 6px 16px;
background-color: #bbb;
max-height: 120px;
}
.info p {
background-color: gold;
padding: 4px 6px;
}
code {
font-weight: 700;
color: #444;
border-bottom: 2px solid #666;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.