JSFiddle - React, Tailwind, and code Playground
HTML
<div class="footer">
<div class="parent">
<div class="column one">
<div class="content">
© 2012 Paradise Hotel. All Rights Reserved.
</div>
</div>
<div class="column two">
<div class="content">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"> <path class="icon__fill" d="M18 4.538a6.553 6.553 0 0 1-1.885.517 3.297 3.297 0 0 0 1.443-1.815 6.616 6.616 0 0 1-2.086.797A3.283 3.283 0 0 0 9.88 7.03 9.318 9.318 0 0 1 3.115 3.6a3.259 3.259 0 0 0-.445 1.65c0 1.14.58 2.144 1.46 2.732a3.282 3.282 0 0 1-1.486-.412v.041a3.286 3.286 0 0 0 2.632 3.22 3.324 3.324 0 0 1-.864.115 3.15 3.15 0 0 1-.618-.061 3.284 3.284 0 0 0 3.065 2.28 6.584 6.584 0 0 1-4.076 1.403c-.265 0-.526-.016-.783-.045A9.276 9.276 0 0 0 7.031 16c6.038 0 9.338-5.002 9.338-9.34l-.01-.426A6.555 6.555 0 0 0 18 4.538z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"> <path class="icon__fill" d="M18 4.538a6.553 6.553 0 0 1-1.885.517 3.297 3.297 0 0 0 1.443-1.815 6.616 6.616 0 0 1-2.086.797A3.283 3.283 0 0 0 9.88 7.03 9.318 9.318 0 0 1 3.115 3.6a3.259 3.259 0 0 0-.445 1.65c0 1.14.58 2.144 1.46 2.732a3.282 3.282 0 0 1-1.486-.412v.041a3.286 3.286 0 0 0 2.632 3.22 3.324 3.324 0 0 1-.864.115 3.15 3.15 0 0 1-.618-.061 3.284 3.284 0 0 0 3.065 2.28 6.584 6.584 0 0 1-4.076 1.403c-.265 0-.526-.016-.783-.045A9.276 9.276 0 0 0 7.031 16c6.038 0 9.338-5.002 9.338-9.34l-.01-.426A6.555 6.555 0 0 0 18 4.538z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"> <path class="icon__fill" d="M18 4.538a6.553 6.553 0 0 1-1.885.517 3.297 3.297 0 0 0 1.443-1.815 6.616 6.616 0 0 1-2.086.797A3.283 3.283 0 0 0 9.88 7.03 9.318 9.318 0 0 1 3.115 3.6a3.259 3.259 0 0 0-.445 1.65c0 1.14.58 2.144 1.46 2.732a3.282 3.282 0 0 1-1.486-.412v.041a3.286 3.286 0 0 0 2.632 3.22 3.324 3.324 0 0 1-.864.115 3.15 3.15 0 0 1-.618-.061 3.284 3.284 0 0 0 3.065 2.28 6.584 6.584 0 0 1-4.076 1.403c-.265...
CSS
.footer {
width: 980px;
margin: 0 auto;
}
.parent {
display: flex;
height: 100px;
}
.column {
flex: 1;
display: flex;
align-items: center;
}
.one {
background: black;
justify-content: flex-start;
}
.two {
background: red;
justify-content: center;
}
.three {
width: 100px;
background: yellow;
justify-content: flex-end;
}
.content {
background: white;
}