fori,
<!DOCTYPE html>
<div class="wrapper">
<div class="text">The most long text here</div>
<input type="range">
</div>
<style>
body {
background: yellow;
}
.wrapper {
background: green;
display: inline-flex;
flex-direction: column;
}
.text {
font-size: 20vmin;
}
input {
width: 100%;
height: 1vmin;
padding: 0;
margin: 0;
}
</style>