EN
CSS - set element max width
0
points
In this article, we would like to show you how to set element max width using CSS.
Quick solution:
.element {
max-width: 100px;
}
Practical example
In this example, we use max-width CSS property to set element maximum width to 200px. If the width property percentage value will be more than 200px, the max-width property will prevent the element from expanding horizontally.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
div.element {
width: 90%;
max-width: 200px;
background: orange;
}
</style>
</head>
<body>
<div class="element">Example text inside ...</div>
</body>
</html>