Как отключить ресайзинг элемента при выходе текста за его границу
При резайзе страницы 400 и более процентов текст выходит за рамки div элемента. Как сделать, чтобы при выходе текста за границу блока конкретный блок зафиксировал размер, но не отключать увеличение страницы больше 400%? Заранее спасибо.
Пример кода:
<html>
<head>
<meta charset="UTF-8">
<title>Text overflow</title>
<style>
* {
color: #ff0000;
font-size: 23px;
}
.block {
width: 675px;
max-width: 60vw;
max-height: 50vh;
background-color: #000000;
}
</style>
</head>
<body>
<div class="block">
<p style="text-indent: 1.5em">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac elementum sem. Phasellus quis lacus odio. Sed bibendum dolor nec odio feugiat, quis rutrum tellus tristique. Nulla vel purus ac odio volutpat dignissim sed id nibh. Mauris tincidunt nisi eget volutpat ultricies. Nunc sed finibus libero. Suspendisse in ipsum viverra, feugiat risus vitae, porta nisl.</p>
</div>
</body>
</html>