在網(wǎng)頁設(shè)計中，我們經(jīng)常需要將文字排列在圖片上方，以吸引用戶的注意力或傳達特定的信息，使用CSS（級聯(lián)樣式表）可以實現(xiàn)這一效果，同時確保文字與圖片在視覺上的協(xié)調(diào)。

要實現(xiàn)文字在圖片上面的并排效果，可以通過CSS中的相對定位（relative positioning）和***定位（absolute positioning）來實現(xiàn)，相對定位允許元素相對于其正常位置進行定位，而***定位則允許元素相對于瀏覽器窗口進行定位。

我們需要創(chuàng)建一個包含圖片和文字的HTML結(jié)構(gòu)，圖片可以作為一個div元素，而文字可以作為一個span元素。

<div class="image-container">
    <img src="image.jpg" alt="示例圖片">
    <span class="text-container">這是一段示例文字</span>
</div>

我們可以使用CSS來定位這些元素，我們可以將圖片定位在容器的底部，并將文字定位在圖片的上方：

.image-container {
    position: relative;
    height: 200px;
    width: 200px;
}
.image-container img {
    position: absolute;
    bottom: 0;
    left: 0;
}
.image-container .text-container {
    position: absolute;
    top: 0;
    left: 0;
}

在這個例子中，圖片會被定位在容器的底部，而文字則會被定位在圖片的上方，你可以根據(jù)需要調(diào)整這些值，以達到你想要的效果。