JSFiddle - React, Tailwind, and code Playground

HTML

<div class="super-wrapper-menu" >
    <div class="wrapper-menu">
        <p class="menu-title">texte tres looooooooonnn nnnnnnnnng</p>
        <ul class="menu">
            <li>item 1</li>
            <li>item 222222222222222</li>
            <li>item 3</li>
            <li>item 4</li>
        </ul>
    </div>
</div>

CSS

.super-wrapper-menu{
    display: inline-block;
    position: relative;
    min-width: 160px;
    background: #eee;
}
.wrapper-menu{
    position: absolute;
    top:0;
    left: 0;
    background: red;
}