<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
.container {
width: 98vw;
height: 50px;
border: 1px solid white;
display: flex;
justify-content: center;
align-items: center;
}
nav {
display: flex;
width: 50vw;
height: 20px;
justify-content: space-between;
}
.link {
color: white;
}
.link:hover {
border-bottom: 3px solid red;
height: 32.5px;
}
</style>
</head>
<body>
<div class="container">
<nav>
<div class="link">Text one</div>
<div class="link">Text two</div>
<div class="link">Text three</div>
</nav>
</div>
</body>
</html>