Soy un novato y he estado tratando de resolver esto durante un par de días. Estoy tratando de escribir HTML para anular una plantilla de wordpress. He intentado todo lo que puedo encontrar para que mis artículos se alineen en una fila en lugar de una columna y nada de lo que he intentado ha funcionado. Estaría muy agradecido por cualquier ayuda, estoy al final de mi ingenio.
<div class="main-nav-container" style="flex-direction: row-reverse; height: 60px; overflow: auto; flex: 0; justify-content: flex-start;;
width: 1000px; border: 1px solid #000000;">
<!--ABOUT//-->
<div style="order: 1;">
<a class="about-nav" href="https://kidzhavendaycare.com/about"><button class="Custom-Button-Orange-to-Purple">ABOUT</button></a>
</div>
<!--PROGRAMS//-->
<div style="order: 2;">
<span class="programs-nav"><a href="https://kidzhavendaycare.com/programs/"><button class="universal-button-nav">PROGRAMS</button></a></span>
</div>
<!--PARENT REVIEWS//-->
<div style="order: 3;">
<span class="programs-nav"><a href="https://kidzhavendaycare.com/programs/"><button class="universal-button-nav">PROGRAMS</button></a></span>
</div>
<!--WHY KIDZ HAVEN DAYCARE//-->
<div style="order: 4;">
<span class="why-kids-haven-daycare">
<a href="https://kidzhavendaycare.com/why-kidz-haven-daycare/"><button class="Custom-Button-Orange-to-Purple">WHY KIDZ HAVEN DAYCARE</button></a></span>
</div>
<!--REQUEST A TOUR//-->
<div style="order: 5;">
<span class="request-a-tour">
<a href="https://kidzhavendaycare.com/request-a-tour/"><img src="https://kidzhavendaycare.com/wp-content/uploads/2022/07/arrow-button-request-tour-15px-font2.png" /></a></span>
</div>
<!--CONTACT//-->
<div style="order: 6;">
<span class="nav-buttons contact-nav">
<a href="https://kidzhavendaycare.com/contact/"><button class="universal-button-nav">CONTACT</button></a></span>
<!--CAREERS//-->
<div style="order: 7;">
<span class="careers-nav nav-buttons"><a href="https://kidzhavendaycare.com/careers/"><img src="https://kidzhavendaycare.com/wp-content/uploads/2022/07/call-out-button-careers_height-50px.png" /></a></span>
</div>
</div>
