在CSS中，您可以通過設(shè)置圖片和文字的相對位置來實現(xiàn)圖片下方是文字的效果，以下是一些示例代碼，您可以參考：

1、圖片和文字在同一行：

img {
  vertical-align: middle; /* 圖片垂直居中對齊 */
}
span {
  margin-left: 10px; /* 文字距離圖片10像素 */
}

2、圖片在下方：

img {
  margin-bottom: 10px; /* 圖片距離下方10像素 */
}
span {
  margin-top: 10px; /* 文字距離上方10像素 */
}

3、圖片和文字在不同行：

img {
  display: block; /* 圖片獨占一行 */
  margin-bottom: 10px; /* 圖片距離下方10像素 */
}
span {
  display: block; /* 文字獨占一行 */
  margin-top: 10px; /* 文字距離上方10像素 */
}

這些代碼可以幫助您實現(xiàn)圖片下方是文字的效果，您可以根據(jù)具體的需求進行調(diào)整，希望這篇文章能對您有所幫助！