JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col_full toolbar"> 
			<p>CALL NOW: +1 555.555.1234</p>
			<ul class="social-icons">
				<li> <a href="https://www.dropbox.com/s/3d1quuaubgg61a2/twitter_icon.jpg?dl=0" target="_blank"> </a></li>
				<li> <a href="https://www.dropbox.com/s/dllhacttmptdk9u/instagram_icon.jpg?dl=0" target="_blank"> </a></li>
				<li> <a href="https://www.dropbox.com/s/6hewm02n71btreg/facebook_icon.jpg?dl=0" target="_blank"> </a></li>
			</ul>
		</div>

CSS

.toolbar p{ text-align: right; padding: 10px 180px 0 0; color: #fff; font-size: 26px; z-index: 1; }
.toolbar { width: auto; height: 50px; background-color:  #cc1e2c; z-index: 1;}
.social-icons { list-style-type: none; z-index: 1; }