JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position: absolute; left: 50px; top: 200px; z-index: 2;">
    <span class="exclusivePopup">
        You're not allowed to book this room. Do you want to view the room details to find out how to contact the room's owner?
    </span>
</div>

<div style="position: absolute; left: 50px; top: 50px; z-index: 2;">
    <div class="exclusivePopupFixed">
        You're not allowed to book this room. Do you want to view the room details to find out how to contact the room's owner?
    </div>
</div>

CSS

span.exclusivePopup {
    border: 1px solid black;
    display:inline-block;
}

div.exclusivePopupFixed {
    border: 1px solid black;
    position: fixed;
    color:red
}