Currently diving into the world of Bootstrap 5, I am facing a challenge with keeping my links and the label "Testing" on the same line. Despite using text-start and text-end classes, they refuse to cooperate. How can I ensure that they both stay aligned horizontally? Below is the code in question:
<body>
<section id="firstMenu">
<div class="container">
<div class="same-line">
<div class="text-start">
<h2>TESTING</h2>
</div>
<div class="text-end px-2">
<ul class="mymenu">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
</ul>
</div>
</div>
</div>
</section>
<script src="js/boostrap.min.js"></script>
<script src="js/app.js"></script>
</body>