<div class="container">
<div><a href="#">Ссылка 3</a></div>
<div><a href="#">Ссылка 2</a></div>
<div><a href="#">Ссылка 1</a></div>
<div class="header">Заголовок страницы</div>
</div>
.container {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.header {
text-align: center;
flex-grow: 1;
}
.container div {
padding: 0.2em 0.7em;
flex-shrink: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.