Question: *How do I overlay one element on another?*
Answer#
Make the parent relative, the overlay absolute, and use inset utilities. undefined
Markup#
<div class="relative">
<img class="w-full rounded-xl" src="a.jpg" alt="" />
<span class="absolute bottom-2 right-2 rounded bg-black/60 px-2 text-xs text-white">Label</span>
</div>Where to go deeper#
Cookbook · Layout patterns · Utilities reference
Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.
