在網頁設計中，標題的排版常常是一個重要的問題。為了使頁面看起來更加優美，我們通常會將標題和圖片結合起來，讓標題出現在圖片的上方。

// CSS代碼示例
img {
display: block;
margin: 0 auto;
}
h2 {
font-size: 28px;
font-weight: bold;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的代碼中，我們首先將圖片設置為塊級元素，并讓它自動居中。接著，我們使用絕對定位將標題定位在圖片的正中間，使其距離圖片頂部的距離為50%。 最后，我們使用transform屬性將標題沿著水平和垂直方向都向左上方移動50%。

該方法不僅可以讓標題和圖片更加整體化，還可以讓頁面看起來更加美觀和舒適。如果你在網頁設計中遇到了標題和圖片排版的問題，可以參考以上的CSS代碼進行排版！