對于網站設計和開發的過程中，圖片排版是一個至關重要的方面。在很多情況下，我們會希望把圖片移到靠上的位置，以便更好地和相關的文字和其他元素配合。這時候，我們就可以使用 CSS 來實現圖片靠上的效果。

img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
p {
display: inline-block;
margin-top: 0;
vertical-align: top;
width: 60%;
}

在上面的示例代碼中，我們定義了一個 img 元素的樣式，將其設置為展示為塊級元素，并讓其水平居中，同時保證其最大寬度不超過 100%。接著，我們對 p 元素進行樣式定義，將其設置為展示為內聯塊級元素，并設置垂直對齊方式為頂部，使其和 img 元素“緊貼”在一起。同時，為了控制其寬度，我們把其設置為 60%。

運用上面的這些 CSS 屬性，我們可以輕松地實現圖片靠上的效果。在具體使用時，我們只需要將圖片嵌套在需要的文本段落中，并應用上述 CSS 樣式，即可將圖片靠上顯示，讓頁面更加美觀和易讀。需要注意的是，不同的網站設計和開發工作中，我們還可以根據具體需求對上述樣式進行微調和修改，以達到更好的效果。