JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="box box1"><strong>Link 1</strong></div>
    <div class="box box2"><strong>Link 2</strong></div>
</div>

CSS

.content {
    width: 400px;
    height: 200px;
    padding: 20px;
    background-color: #DDD; 
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    
}
.box {
    vertical-align: middle;
}
.box1 {
    float: left;
}
.box1 strong {
    background-color: #FFCCCC;
    padding: 10px;
}
.box2 {
    float: right;
}
.box2 strong {
    background-color: #CCCCFF;
    padding: 20px;
}