<title>Right-align Flex Item Using CSS</title>
<h2>Right-align Last Item</h2>
<div class="flex-container">
<div class="item"><a href="#">Home</a></div>
<div class="item"><a href="#">About</a></div>
<div class="item"><a href="#">Services</a></div>
<div class="item ml-auto"><a href="#">Login</a></div>
<h2>Right-align Last Two Item</h2>
<div class="flex-container">
<div class="item"><a href="#">Home</a></div>
<div class="item"><a href="#">About</a></div>
<div class="item"><a href="#">Services</a></div>
<div class="item ml-auto"><a href="#">Login</a></div>
<div class="item"><a href="#">Sign Up</a></div>
