CSS中，我們可以使用相對定位（relative positioning）或***定位（absolute positioning）來將文字放在圖片下方，具體使用哪種定位方式，取決于你的具體需求和布局。

相對定位

相對定位是相對于元素在文檔流中的原始位置進行定位，如果你想要將文字放在圖片下方，并且希望圖片和文字的相對位置在文檔流中保持不變，那么可以使用相對定位。

以下是一個使用相對定位將文字放在圖片下方的示例：

<div style="position: relative;">
    <img src="image.jpg" alt="圖片">
    <p style="position: relative; top: 10px;">文字放在圖片下方</p>
</div>

在這個示例中，div元素設置為相對定位，img元素和p元素都相對于div元素的原始位置進行定位。p元素的top屬性設置為10px，表示文字距離圖片下方的距離為10像素。

***定位

***定位是相對于瀏覽器窗口進行定位，不受到文檔流的影響，如果你想要將文字放在圖片下方，并且希望圖片和文字的位置在瀏覽器窗口中保持不變，那么可以使用***定位。

以下是一個使用***定位將文字放在圖片下方的示例：

<div style="position: relative;">
    <img src="image.jpg" alt="圖片">
    <p style="position: absolute; top: 10px; left: 0;">文字放在圖片下方</p>
</div>

在這個示例中，div元素設置為相對定位，img元素和p元素都相對于瀏覽器窗口進行定位。p元素的top屬性設置為10px，表示文字距離圖片下方的距離為10像素，left屬性設置為0，表示文字距離瀏覽器窗口左側的距離為0像素。

- 使用相對定位時，圖片和文字的位置在文檔流中保持不變。

- 使用***定位時，圖片和文字的位置在瀏覽器窗口中保持不變。