I am wanting to left align one div and right align another div inside of a table cell. I've tried to justify the text but it doesn't seem to be working with my setup. Looking for a pure css solution. Also I also am not able to use floats.
The demo below will show my current layout. The logo is irrelevant but it's part of my setup so I did show it.
"Menu Link" should be aligned left. "Facebook" should aligned right.
<div class="container">
<div class="row">
<div class="row-height">
<div class="logo-text col-middle">
<span>Logo Text</span>
</div>
<div class="menu-social-outer col-middle text-justify">
<div class="menu">
<a href="#">Menu Link</a>
</div>
<div class="social">
<a href="#">Facebook</a>
</div>
</div>
</div>
</div>
</div>