HTML:

<div class="min-h-screen bg-blue-500 p-8">
    <div class="relative mx-auto bg-white rounded-xl shadow-xl h-56 w-80">
        <div class="bg-amber-100 w-32 h-32 absolute -top-2 -right-2">
            <a class="bg-amber-300 block ">elmacademy.net</a>
        </div>
    </div>
</div>

Açıklama:

Yukarıdaki örnekte, block sınıfı, elementin display: block; stilini uygular. Bu, elementin kendisinden sonra bir sonraki içeriğin yeni bir satırda başlamasını sağlar ve elementin genişlik ve yüksekliğini diğer içeriklere göre ayarlayarak blok olarak görüntülenmesini sağlar.