JSFiddle - React, Tailwind, and code Playground

HTML

<img src="/img/logo.png" class="monimage">
<ul class="maliste">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<ul class="maliste2">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

CSS

.monimage, .maliste {
    float: left;
    border: solid 1px blue;
}

.maliste2 {
  float: right;
  border: solid 1px red;
}