JSFiddle - React, Tailwind, and code Playground

by Theara Yuom

HTML

<div class="footer">
    <img src="http://placehold.it/25x25" />
    <div class="footer-text">
        <div class="text">Footer Text 1</div>
        <div class="text">Footer Text 2</div>
        <div class="text">Footer Text 3</div>
    </div>
</div>

CSS

.footer {
    position: relative;
    min-height: 100px;
    padding: 10px;
    background: #ddd;
    text-align: center;
}
.footer img {
    position: absolute;
    width: 80px;
    height: 80px;
    margin: auto;
    top: 0;
    left: 10px;
    bottom: 0;
}
.footer .footer-text{
  width: calc(100% - 160px);
  margin: 0 auto;
}

.footer .footer-text .text {
}