JSFiddle - React, Tailwind, and code Playground

HTML

<div id="inside">
	<div class="additional">
        <a href="#"></a>
        <a href="#"></a>
    </div>
   <div></div>
</div>

CSS

#inside {
    overflow:hidden;
	outline:1px solid black;
	width: 443px;
	margin: 10px auto;
}
#inside a {
	display: block;
	background: #0000FF;
	float: left;
	width: 140px;
	height: 52px;
}
#inside .additional a:last-child {
	background: #FF0000;
	margin-left: 79px;
}