<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.main {
display: flex;
}
a {
text-decoration: none;
display: block;
background-color: lightblue;
padding: 10px 20px;
color: #666666;
}
a:hover {
background-color: blue;
color: #ffffff;
}
.last {
margin-left: auto;
}
div {
background: #e8e7e3;
}
</style>
</head>
<body>
<h2>Example</h2>
<div class="main">
<div>
<a href="https://www.w3docs.com/learn-html.html">HTML</a>
</div>
<div>
<a href="https://www.w3docs.com/learn-css.html">CSS</a>
</div>