Tailwind CSS class .-inset-y-px

    <div class="flex items-center">
        <div class="bg-gray-300 h-20 w-36"></div>
        <div class="relative bg-gray-300 mx-12 h-20 w-36">
            <div class="absolute -inset-y-px left-0 p-6 bg-teal-400 text-sm"></div>
        </div>
        <div class="bg-gray-300 h-20 w-36"></div>
    </div>