Адаптивный текст в html
При уменьшении экрана начиная от 244. Текс начинает в право съезжать. А как его сделать что бы он тоже уменьшался, если в экран не помещается ?
body {
background-color: #00BFFF;
}
.title-main {
color: white;
text-align: center;
font-size: 4vw 4vh;
margin: 2% 0% 2% 0;
}<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h2 class="title-main">
Выберите лабораторную работу
</h2>
</body>
</html>