JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">
    <p class="alignleft">
    Line-1
    Line-1
    Line-1
    Line-1
    </p>
    <p class="alignright">
    Line-1
    Line-1
    Line-1
    Line-1
    </p>
    <img id="logo" src="https://www.sureterm.com/graphics/funnels/large/car.jpg" width="100px" />
    
</div>

CSS

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

#logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}