JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left">
    <ul>
    <li>Текст</li>
    <li>Текст</li>
    <li>Текст</li>
    <li>Текст</li>
    <li>Текст</li>
 
 
</ul>
</div>

<div class="right">
    123
</div>

CSS

body {
    position: relative;
}
div {
    height: 50px;
}
.left {
    width: 50%;
    background: red;
    float:left;
     position: absolute;

}

.right {
    width: 50%;
     background: green;
    float:right;
 
}
li {
    display: block;
    float: left;
    
}

ul {
	display: block;
	position: absolute;
    right: 10px;
    width: 200px
}