Tailwind CSS class: .-mr-px

    <div class="flex items-center h-40">
        <div class="bg-gray-300 mx-auto h-20 w-36">
            <div class="-mr-px p-6 bg-teal-400 text-sm"></div>
        </div>
    </div>

Check .-mr-px in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →

More in Tailwind CSS Positioning