在網頁設計中，圖片是與文字并列展示最常見的元素之一。而如果要在圖片下方添加文字、標題以及其他的內容，就需要使用CSS來實現。

CSS中有一個非常常用的屬性，叫做“display: block;”。通過給CSS樣式添加display: block屬性，可以將文本設置為塊級元素，使其與圖片等其他塊級元素在同一個水平線上顯示。

img {
display: block;
}
p {
display: block;
}

如果想要讓字體跟在圖片底下，還可以使用“text-align: center;”屬性。該屬性將文本內容居中，使其與圖片底部對齊。

img {
display: block;
margin: 0 auto;
}
p {
text-align: center;
}

如果圖片的大小發生變化，文本會跟著一起調整位置，始終保持在圖片底部。

在實際的網頁設計中，圖片與文本的排版是非常重要的部分，通過CSS的排版布局方式可以快速實現不同效果，提升網頁的美觀度。