這是一個順風css代碼。我怎樣才能使圖像居中，并在圖像的右下方放置帶有圖書票文本的div？然后，我想讓div中的文本在div中變圓。？

外部div占據了整個寬度，因此內部div被放置在屏幕的最右側。如果我們做外div內聯塊。MX-a auto不再工作，現在我們的圖像不再居中。

我們該怎么辦？

為此，您需要添加flex類，并使用justify-center和items-center將其內容水平和垂直居中。

此外，book a ticket part div現在有了一個額外的flex justify-center items-center類。這將使文本在div中水平和垂直居中。

book a ticket div中的文本用rounded-full類包裝在span元素中。這將使文本在圓形div中顯示為圓形。

<div className="relative flex justify-center items-center">
  <img className="mx-auto rounded-lg" src={imageURL} alt="" />
  <div className="absolute bottom-0 right-0 h-16 w-16 rounded-full bg-red-500 flex justify-center items-center">
    <span className="rounded-full">Book a Ticket</span>
  </div>
</div>