JSFiddle - React, Tailwind, and code Playground

HTML

<div class="information-bar">
    <div class="information">
        <div class="title">Section Title</div>
        <p class="info-element">information</p>
        <p class="info-element">information2</p>
        <p class="info-element">information3</p>
        <p class="info-element">information4</p>
        <p class="info-element">information5</p>
        <p class="info-element">information6</p>
    </div>
    <div class="information">
        <div class="title">Section Title</div>
        <p class="info-element">information</p>
        <p class="info-element">information2</p>
        <p class="info-element">information3</p>
        <p class="info-element">information4</p>
        <p class="info-element">information5</p>
        <p class="info-element">information6</p>
    </div>
</div>

CSS

.information-bar {
    width:100%;
    height: 100px;
    background: #999;
    position: absolute;
    bottom: 0;
}

.information-bar .information {
    display: inline-block;
    vertical-align: top;
    height: 95px;
}
p.info-element {
    line-height: 1.2em;
}
p.info-element:nth-child(n+1):nth-child(-n+5) {
    margin-left: 0em;
}
p.info-element:nth-child(6) {
    margin-top: -6em;
}
p.info-element:nth-child(n+6):nth-child(-n+10) {
    margin-left: 100px;
}