Кнопки меню в одну строчку с заголовками h5

[Yundiga]

Добрый вечер, уважаемые форумчане,
Как выстроить кнопки меню в одну строчку с заголовками h5?
html:

 <div id='parent3'class="parent2">
  <div class="left2">
        <h5 style="color:#87CEFA; float: left; margin: 1%">текст1</h5> 
        <h5 style="color:#00BFFF; float: left; margin: 1%">текст2</h5>
        <title>текст3</title>
        <link href="style1.css" type="text/css" rel="stylesheet" />
        <br>
    <div class="one">
        <h1 style="color:#ffffff; float: left; margin: 0%">текст3</h1>
        
    </div>  
 
    <a href="1.html" class="pressed-button">кнопка меню1</a>
    <a href="2.html" class="pressed-button">кнопка меню2</a>
    <a href="3.html" class="pressed-button">кнопка меню3</a>
    <a href="4.html" class="pressed-button">кнопка меню4</a>
    
    </div>
     <div class="right2">
    <script language="javascript" type="text/javascript"><!--
var d = new Date();
 
var day=new Array("Воскресенье","Понедельник","Вторник",
"Среда","Четверг","Пятница","Суббота");
 
var month=new Array("января","февраля","марта","апреля","мая","июня",
"июля","августа","сентября","октября","ноября","декабря");
 
document.getElementsByClassName('right2')[0].insertAdjacentHTML('afterbegin', '<div id="myDate">' + day[d.getDay()]+" " +d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear() + " г." + '</div>');
myDate.style.fontSize = "20pt";
//--></script>
<audio controls autoplay="autoplay">
   <source src="1.mp3"  type="audio/mpeg">
   Ваш браузер не поддерживает тег audio.
</audio>
 
</div>
    </div>

[maks1331]

Что у вас там делает title и link?

Можно flex-box родителю дать и выровнять в строку элементы, там можно и порядок регулировать.

А если серьезно - разметку нужно грамотно делать, что бы потом не извращаться в стилях.