I'm having trouble incorporating 4 absolutes within this div. I can't seem to figure out why they are extending beyond the boundaries of the div. Can anyone spot the error?
Check out this Tailwind CSS example
<div class="bg-blue-100 h-40 w-96 px-2">
<div class="relative w-full h-full">
<div class="absolute top-0 bg-blue-200 w-full">
<div class="absolute left-0">1</div>
<div class="absolute right-0">2</div>
</div>
<div class="absolute bottom-0 bg-slate-400 w-full">
<div class="absolute left-0">3</div>
<div class="absolute right-0">4</div>
</div>
</div>
</div>