Tailwind CSS class: .-inset-y-full

    <div class="flex items-center h-40">
        <div class="inline-block bg-gray-300 h-8 w-36"></div>
        <div class="inline-block relative bg-gray-300 mx-10 h-8 w-36">
            <div class="absolute -inset-y-full left-0 p-4 bg-teal-400 text-sm"></div>
        </div>
        <div class="inline-block bg-gray-300 h-8 w-36"></div>
    </div>