Tailwind Top Right Bottom Left

In this article, we will explore how to use Tailwind Top Right Bottom Left classes to position elements on your website.

A fixed or absolute positioning property is commonly used with these properties.

Tailwind Top Right Bottom Left

When you set an element’s position property to absolute or fixed, you can use the top, bottom, left, and right properties to position the element relative to its nearest positioned ancestor.

Table Of Content-

Tailwind Top Right Bottom Left Classes

Tailwind Top Right Bottom and Left classes make it easy to position HTML elements on your web page using these CSS properties.

These classes are named using a combination of the property name and a directional value, such as top-0 or right-4.

Below are detailed descriptions of all Tailwind top, right, bottom and left classes:

ClassesOverview
inset-0Used to set the top, bottom, left and right properties to 0.
inset-x-0Using this class, the left and right properties to 0.
inset-y-0This class is used to set the top and bottom properties to 0.
top-0The top property is specified as 0.
right-0In this case, the right property is set to 0.
bottom-0The bottom property is defined as 0.
left-0The left property is specified as 0.
inset-pxUsed to set the top ,bottom, left and right properties to 1px.
inset-x-pxUsing this class, the left and right properties to 1px.
inset-y-pxThis class is used to set the top and bottom properties to 1px.
top-pxThe top property is specified as 1px.
right-pxIn this case, the right property is set to 1px.
bottom-pxThe bottom property is defined as 1px.
left-pxThe left property is specified as 1px.
inset-0.5Used to set the top, bottom, left and right properties to 0.125rem or 2px.
inset-x-0.5Using this class, the left and right properties to 0.125rem or 2px.
inset-y-0.5This class is used to set the top and bottom properties to 0.125rem or 2px.
top-0.5The top property is specified as 0.125rem or 2px.
right-0.5In this case, the right property is set to 0.125rem or 2px.
bottom-0.5The bottom property is defined as 0.125rem or 2px.
left-0.5The left property is specified as 0.125rem or 2px.
inset-1Used to set the top, bottom, left and right properties to 0.25rem or 4px.
inset-x-1Using this class, the left and right properties to 0.25rem or 4px.
inset-y-1This class is used to set the top and bottom properties to 0.25rem or 4px.
top-1The top property is specified as 0.25rem or 4px.
right-1In this case, the right property is set to 0.25rem or 4px.
bottom-1The bottom property is defined as 0.25rem or 4px.
left-1The left property is specified as 0.25rem or 4px.
inset-1.5Used to set the top, bottom, left and right properties to 0.375rem or 6px.
inset-x-1.5Using this class, the left and right properties to 0.375rem or 6px.
inset-y-1.5This class is used to set the top and bottom properties to 0.375rem or 6px.
top-1.5The top property is specified as 0.375rem or 6px.
right-1.5In this case, the right property is set to 0.375rem or 6px.
bottom-1.5The bottom property is defined as 0.375rem or 6px.
left-1.5The left property is specified as 0.375rem or 6px.
inset-2Used to set the top, bottom, left and right properties to 0.5rem or 8px.
inset-x-2Using this class, the left and right properties to 0.5rem or 8px.
inset-y-2This class is used to set the top and bottom properties to 0.5rem or 8px.
top-2The top property is specified as 0.5rem or 8px.
right-2In this case, the right property is set to 0.5rem or 8px.
bottom-2The bottom property is defined as 0.5rem or 8px.
left-2The left property is specified as 0.5rem or 8px.
inset-2.5Used to set the top, bottom, left and right properties to 0.625rem or 10px.
inset-x-2.5Using this class, the left and right properties to 0.625rem or 10px.
inset-y-2.5This class is used to set the top and bottom properties to 0.625rem or 10px.
top-2.5The top property is specified as 0.625rem or 10px.
right-2.5In this case, the right property is set to 0.625rem or 10px.
bottom-2.5The bottom property is defined as 0.625rem or 10px.
left-2.5The left property is specified as 0.625rem or 10px.
inset-3Used to set the top, bottom, left and right properties to 0.75rem or 12px.
inset-x-3Using this class, the left and right properties to 0.75rem or 12px.
inset-y-3This class is used to set the top and bottom properties to 0.75rem or 12px.
top-3The top property is specified as 0.75rem or 12px.
right-3In this case, the right property is set to 0.75rem or 12px.
bottom-3The bottom property is defined as 0.75rem or 12px.
left-3The left property is specified as 0.75rem or 12px.
inset-3.5Used to set the top, bottom, left and right properties to 0.875rem or 14px.
inset-x-3.5Using this class, the left and right properties to 0.875rem or 14px.
inset-y-3.5This class is used to set the top and bottom properties to 0.875rem or 14px.
top-3.5The top property is specified as 0.875rem or 14px.
right-3.5In this case, the right property is set to 0.875rem or 14px.
bottom-3.5The bottom property is defined as 0.875rem or 14px.
left-3.5The left property is specified as 0.875rem or 14px.
inset-4Used to set the top, bottom, left and right properties to 1rem or 16px.
inset-x-4Using this class, the left and right properties to 1rem or 16px.
inset-y-4This class is used to set the top and bottom properties to 1rem or 16px.
top-4The top property is specified as 1rem or 16px.
right-4In this case, the right property is set to 1rem or 16px.
bottom-4The bottom property is defined as 1rem or 16px.
left-4The left property is specified as 1rem or 16px.
inset-5Used to set the top, bottom, left and right properties to 1.25rem or 20px.
inset-x-5Using this class, the left and right properties to 1.25rem or 20px.
inset-y-5This class is used to set the top and bottom properties to 1.25rem or 20px.
top-5The top property is specified as 1.25rem or 20px.
right-5In this case, the right property is set to 1.25rem or 20px.
bottom-5The bottom property is defined as 1.25rem or 20px.
left-5The left property is specified as 1.25rem or 20px.
inset-6Used to set the top, bottom, left and right properties to 1.5rem or 24px.
inset-x-6Using this class, the left and right properties to 1.5rem or 24px.
inset-y-6This class is used to set the top and bottom properties to 1.5rem or 24px.
top-6The top property is specified as 1.5rem or 24px.
right-6In this case, the right property is set to 1.5rem or 24px.
bottom-6The bottom property is defined as 1.5rem or 24px.
left-6The left property is specified as 1.5rem or 24px.
inset-7Used to set the top, bottom, left and right properties to 1.75rem or 28px.
inset-x-7Using this class, the left and right properties to 1.75rem or 28px.
inset-y-7This class is used to set the top and bottom properties to 1.75rem or 28px.
top-7The top property is specified as 1.75rem or 28px.
right-7In this case, the right property is set to 1.75rem or 28px.
bottom-7The bottom property is defined as 1.75rem or 28px.
left-7The left property is specified as 1.75rem or 28px.
inset-8Used to set the top, bottom, left and right properties to 2rem or 32px.
inset-x-8Using this class, the left and right properties to 2rem or 32px.
inset-y-8This class is used to set the top and bottom properties to 2rem or 32px.
top-8The top property is specified as 2rem or 32px.
right-8In this case, the right property is set to 2rem or 32px.
bottom-8The bottom property is defined as 2rem or 32px.
left-8The left property is specified as 2rem or 32px.
inset-9Used to set the top, bottom, left and right properties to 2.25rem or 36px.
inset-x-9Using this class, the left and right properties to 2.25rem or 36px.
inset-y-9This class is used to set the top and bottom properties to 2.25rem or 36px.
top-9The top property is specified as 2.25rem or 36px.
right-9In this case, the right property is set to 2.25rem or 36px.
bottom-9The bottom property is defined as 2.25rem or 36px.
left-9The left property is specified as 2.25rem or 36px.
inset-10Used to set the top, bottom, left and right properties to 2.5rem or 40px.
inset-x-10Using this class, the left and right properties to 2.5rem or 40px.
inset-y-10This class is used to set the top and bottom properties to 2.5rem or 40px.
top-10The top property is specified as 2.5rem or 40px.
right-10In this case, the right property is set to 2.5rem or 40px.
bottom-10The bottom property is defined as 2.5rem or 40px.
left-10The left property is specified as 2.5rem or 40px.
inset-11Used to set the top, bottom, left and right properties to 2.75rem or 44px.
inset-x-11Using this class, the left and right properties to 2.75rem or 44px.
inset-y-11This class is used to set the top and bottom properties to 2.75rem or 44px.
top-11The top property is specified as 2.75rem or 44px.
right-11In this case, the right property is set to 2.75rem or 44px.
bottom-11The bottom property is defined as 2.75rem or 44px.
left-11The left property is specified as 2.75rem or 44px.
inset-12Used to set the top, bottom, left and right properties to 3rem or 48px.
inset-x-12Using this class, the left and right properties to 3rem or 48px.
inset-y-12This class is used to set the top and bottom properties to 3rem or 48px.
top-12The top property is specified as 3rem or 48px.
right-12In this case, the right property is set to 3rem or 48px.
bottom-12The bottom property is defined as 3rem or 48px.
left-12The left property is specified as 3rem or 48px.
inset-14Used to set the top, bottom, left and right properties to 3.5rem or 56px.
inset-x-14Using this class, the left and right properties to 3.5rem or 56px.
inset-y-14This class is used to set the top and bottom properties to 3.5rem or 56px.
top-14The top property is specified as 3.5rem or 56px.
right-14In this case, the right property is set to 3.5rem or 56px.
bottom-14The bottom property is defined as 3.5rem or 56px.
left-14The left property is specified as 3.5rem or 56px.
inset-16Used to set the top, bottom, left and right properties to 4rem or 64px.
inset-x-16Using this class, the left and right properties to 4rem or 64px.
inset-y-16This class is used to set the top and bottom properties to 4rem or 64px.
top-16The top property is specified as 4rem or 64px.
right-16In this case, the right property is set to 4rem or 64px.
bottom-16The bottom property is defined as 4rem or 64px.
left-16The left property is specified as 4rem or 64px.
inset-20Used to set the top, bottom, left and right properties to 5rem or 80px.
inset-x-20Using this class, the left and right properties to 5rem or 80px.
inset-y-20This class is used to set the top and bottom properties to 5rem or 80px.
top-20The top property is specified as 5rem or 80px.
right-20In this case, the right property is set to 5rem or 80px.
bottom-20The bottom property is defined as 5rem or 80px.
left-20The left property is specified as 5rem or 80px.
inset-24Used to set the top, bottom, left and right properties to 6rem or 96px.
inset-x-24Using this class, the left and right properties to 6rem or 96px.
inset-y-24This class is used to set the top and bottom properties to 6rem or 96px.
top-24The top property is specified as 6rem or 96px.
right-24In this case, the right property is set to 6rem or 96px.
bottom-24The bottom property is defined as 6rem or 96px.
left-24The left property is specified as 6rem or 96px.
inset-28Used to set the top, bottom, left and right properties to 7rem or 112px.
inset-x-28Using this class, the left and right properties to 7rem or 112px.
inset-y-28This class is used to set the top and bottom properties to 7rem or 112px.
top-28The top property is specified as 7rem or 112px.
right-28In this case, the right property is set to 7rem or 112px.
bottom-28The bottom property is defined as 7rem or 112px.
left-28The left property is specified as 7rem or 112px.
inset-32Used to set the top, bottom, left and right properties to 8rem or 128px.
inset-x-32Using this class, the left and right properties to 8rem or 128px.
inset-y-32This class is used to set the top and bottom properties to 8rem or 128px.
top-32The top property is specified as 8rem or 128px.
right-32In this case, the right property is set to 8rem or 128px.
bottom-32The bottom property is defined as 8rem or 128px.
left-32The left property is specified as 8rem or 128px.
inset-36Used to set the top, bottom, left and right properties to 9rem or 144px.
inset-x-36Using this class, the left and right properties to 9rem or 144px.
inset-y-36This class is used to set the top and bottom properties to 9rem or 144px.
top-36The top property is specified as 9rem or 144px.
right-36In this case, the right property is set to 9rem or 144px.
bottom-36The bottom property is defined as 9rem or 144px.
left-36The left property is specified as 9rem or 144px.
inset-40Used to set the top, bottom, left and right properties to 10rem or 160px.
inset-x-40Using this class, the left and right properties to 10rem or 160px.
inset-y-40This class is used to set the top and bottom properties to 10rem or 160px.
top-40The top property is specified as 10rem or 160px.
right-40In this case, the right property is set to 10rem or 160px.
bottom-40The bottom property is defined as 10rem or 160px.
left-40The left property is specified as 10rem or 160px.
inset-44Used to set the top, bottom, left and right properties to 11rem or 176px.
inset-x-44Using this class, the left and right properties to 11rem or 176px.
inset-y-44This class is used to set the top and bottom properties to 11rem or 176px.
top-44The top property is specified as 11rem or 176px.
right-44In this case, the right property is set to 11rem or 176px.
bottom-44The bottom property is defined as 11rem or 176px.
left-44The left property is specified as 11rem or 176px.
inset-48Used to set the top, bottom, left and right properties to 12rem or 192px.
inset-x-48Using this class, the left and right properties to 12rem or 192px.
inset-y-48This class is used to set the top and bottom properties to 12rem or 192px.
top-48The top property is specified as 12rem or 192px.
right-48In this case, the right property is set to 12rem or 192px.
bottom-48The bottom property is defined as 12rem or 192px.
left-48The left property is specified as 12rem or 192px.
inset-52Used to set the top, bottom, left and right properties to 13rem or 208px.
inset-x-52Using this class, the left and right properties to 13rem or 208px.
inset-y-52This class is used to set the top and bottom properties to 13rem or 208px.
top-52The top property is specified as 13rem or 208px.
right-52In this case, the right property is set to 13rem or 208px.
bottom-52The bottom property is defined as 13rem or 208px.
left-52The left property is specified as 13rem or 208px.
inset-56Used to set the top, bottom, left and right properties to 14rem or 224px.
inset-x-56Using this class, the left and right properties to 14rem or 224px.
inset-y-56This class is used to set the top and bottom properties to 14rem or 224px.
top-56The top property is specified as 14rem or 224px.
right-56In this case, the right property is set to 14rem or 224px.
bottom-56The bottom property is defined as 14rem or 224px.
left-56The left property is specified as 14rem or 224px.
inset-60Used to set the top, bottom, left and right properties to 15rem or 240px.
inset-x-60Using this class, the left and right properties to 15rem or 240px.
inset-y-60This class is used to set the top and bottom properties to 15rem or 240px.
top-60The top property is specified as 15rem or 240px.
right-60In this case, the right property is set to 15rem or 240px.
bottom-60The bottom property is defined as 15rem or 240px.
left-60The left property is specified as 15rem or 240px.
inset-64Used to set the top, bottom, left and right properties to 16rem or 256px.
inset-x-64Using this class, the left and right properties to 16rem or 256px.
inset-y-64This class is used to set the top and bottom properties to 16rem or 256px.
top-64The top property is specified as 16rem or 256px.
right-64In this case, the right property is set to 16rem or 256px.
bottom-64The bottom property is defined as 16rem or 256px.
left-64The left property is specified as 16rem or 256px.
inset-72Used to set the top, bottom, left and right properties to 18rem or 288px.
inset-x-72Using this class, the left and right properties to 18rem or 288px.
inset-y-72This class is used to set the top and bottom properties to 18rem or 288px.
top-72The top property is specified as 18rem or 288px.
right-72In this case, the right property is set to 18rem or 288px.
bottom-72The bottom property is defined as 18rem or 288px.
left-72The left property is specified as 18rem or 288px.
inset-80Used to set the top, bottom, left and right properties to 20rem or 320px.
inset-x-80Using this class, the left and right properties to 20rem or 320px.
inset-y-80This class is used to set the top and bottom properties to 20rem or 320px.
top-80The top property is specified as 20rem or 320px.
right-80In this case, the right property is set to 20rem or 320px.
bottom-80The bottom property is defined as 20rem or 320px.
left-80The left property is specified as 20rem or 320px.
inset-96Used to set the top, bottom, left and right properties to 24rem or 384px.
inset-x-96Using this class, the left and right properties to 24rem or 384px.
inset-y-96This class is used to set the top and bottom properties to 24rem or 384px.
top-96The top property is specified as 24rem or 384px.
right-96In this case, the right property is set to 24rem or 384px.
bottom-96The bottom property is defined as 24rem or 384px.
left-96The left property is specified as 24rem or 384px.
inset-autoUsed to set the top, bottom, left and right properties to auto.
inset-1/2In this case, the top, bottom, left and right properties are set to 50%.
inset-1/3The top, bottom, left and right properties are defined as 33.3%.
inset-2/3Used to set the top, bottom, left and right properties to 66.67%.
inset-1/4This class is used to set the top, bottom, left and right properties to 25%.
inset-2/4In this case, the top, bottom, left and right properties are set to 50%.
inset-3/4The top, bottom, left and right properties are defined as 75%.
inset-fullUsed to set the top, bottom, left and right properties to 100%.
inset-x-1/2In this case, the left and right properties are set to 50%.
inset-x-1/3The left and right properties are specified as 33.3%.
inset-x-2/3Used to set the left and right properties to 66.67%.
inset-x-1/4In this case, the left and right properties are set to 25%.
inset-x-2/4The left and right properties are specified as 50%.
inset-x-3/4This class is used to set the left and right properties to 75%.
inset-x-fullIn this case, the left and right properties are set to 100%.
inset-y-1/2The top and bottom properties are specified as 50%.
inset-y-1/3Used to set the top and bottom properties as 33.3%.
inset-y-2/3This class is used to set the top and bottom properties to 66.67%.
inset-y-1/4The top and bottom properties are specified as 25%.
inset-y-2/4This class is used to set the top and bottom properties to 50%.
inset-y-3/4Used to set the top and bottom properties as 75%.
inset-y-fullIn this case, the top and bottom properties are set to 100%.
top-autoThis class is used to set the top property to default value of auto.
top-1/2In this case, the top property is set to 50%.
top-1/3Used to set the top property as 33.3%.
top-2/3The top property is set to 66.67%.
top-1/4By using this class, the top property is defined as 25%.
top-2/4In this case, the top property is set to 50%.
top-3/4Used to set the top property as 75%.
top-fullThe top property is set to 100%.
right-autoThis class is used to set the right property to default value of auto.
right-1/2By using this class, the right property is defined as 50%.
right-1/3The right property is set to 33.3%.
right-2/3In this case, the right property is specified as 66.67%.
right-1/4By using this class, the right property is defined as 25%.
right-2/4The right property is set to 50%.
right-3/4Using this class, the right property is set to 75%.
right-fullIn this case, the right property is specified as 100%.
bottom-autoThis class is used to set the bottom property to default value of auto.
bottom-1/2Using this class, the bottom property is defined as 50%.
bottom-1/3The bottom property is set to 33.3%.
bottom-2/3In this case, the bottom property is specified as 66.67%.
bottom-1/4This class is used to set the bottom property to 25%.
bottom-2/4Using this class, the bottom property is defined as 50%.
bottom-3/4The bottom property is set to 75%.
bottom-fullIn this case, the bottom property is specified as 100%.
left-autoThis class is used to set the left property to default value of auto.
left-1/2The left property is set to 50%.
left-1/3Using this class, the left property is defined as 33.3%.
left-2/3This class is used to set the left property to 66.67%.
left-1/4The left property is set to 25%.
left-2/4This class is used to set the left property to 50%.
left-3/4Using this class, the left property is defined as 75%.
left-fullIn this case, the left property is specified as 100%.

Syntax

<element class="inset-4">...</element>

Here are some examples of how to use Tailwind Top Right Bottom and Left classes to position HTML elements on your web page:

Below example makes use of some of the classes discussed above:

Example: 

<!DOCTYPE html> <html><head> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="m-3 text-center"> <h1 class="text-gray-700 text-2xl font-semibold"> MrExamples </h1> <p class="my-2 font-medium">Top/Right/Bottom/Right Class in Tailwind</p> <div class="grid grid-cols-4 font-medium text-gray-600"> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-0 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-0 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-4 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-4 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-x-3 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-x-3 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-y-4 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-y-4 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-x-5 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-x-5 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-y-6 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-y-6 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-1/2 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-1/2 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-x-1/3 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-x-1/3 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-y-1/4 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-y-1/4 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-1/3 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-1/3 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-x-1/2 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-x-1/2 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute inset-y-1/2 bg-amber-400 w-1/2 h-1/2"></div> </div>inset-y-1/2 </div> </div> </body> </html>
The following example demonstrates some of the classes not covered in the earlier example:

Example: 

<!DOCTYPE html> <html><head> <script src="https://cdn.tailwindcss.com"></script> </head> <body class="m-3 text-center"> <h1 class="text-gray-700 text-2xl font-semibold"> MrExamples </h1> <p class="my-2 font-medium">Top/Right/Bottom/Right Class in Tailwind</p> <div class="grid grid-cols-4 font-medium text-gray-600"> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute top-1 bg-amber-400 w-1/2 h-1/2"></div> </div>top-1 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute right-2 bg-amber-400 w-1/2 h-1/2"></div> </div>right-2 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute bottom-0.5 bg-amber-400 w-1/2 h-1/2"></div> </div>bottom-0.5 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute left-px bg-amber-400 w-1/2 h-1/2"></div> </div>left-px </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute top-5 bg-amber-400 w-1/2 h-1/2"></div> </div>top-5 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute right-3 bg-amber-400 w-1/2 h-1/2"></div> </div>right-3 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute bottom-7 bg-amber-400 w-1/2 h-1/2"></div> </div>bottom-7 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute left-4 bg-amber-400 w-1/2 h-1/2"></div> </div>left-4 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute top-1/4 bg-amber-400 w-1/2 h-1/2"></div> </div>top-1/4 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute right-1/3 bg-amber-400 w-1/2 h-1/2"></div> </div>right-1/3 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute bottom-1/2 bg-amber-400 w-1/2 h-1/2"></div> </div>bottom-1/2 </div> <div class="my-2"> <div class="relative h-28 w-28 bg-amber-200 mx-4"> <div class="absolute left-2/4 bg-amber-400 w-1/2 h-1/2"></div> </div>left-2/4 </div> </div> </body> </html>
We value your feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
Subscribe To Our Newsletter
Enter your email to receive a weekly round-up of our best posts. Learn more!
icon
By subscribing, you agree with our privacy policy and our terms of service.

Leave a Reply

Your email address will not be published. Required fields are marked *