在網站布局中，經常會有圖片和文字并列的情況。但是，當圖片和文字的寬度不一致時，可能會出現文字不在圖片居中的情況。下面我們介紹一些方法來解決這個問題。

/* 方法一：使用vertical-align和text-align */
img {
vertical-align: middle;
}
p {
display: inline-block;
vertical-align: middle;
text-align: center;
}
/* 方法二：使用flexbox */
.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
margin-right: 10px;
}
/* 方法三：使用table和align屬性 */
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

以上三種方法都可以實現文字在圖片居中的效果。第一種方法通過設置圖片的vertical-align屬性使其豎直居中，同時將文本定義為inline-block元素，讓其在水平方向上居中。第二種方法使用flexbox布局，通過設置容器的justify-content和align-items屬性使圖片和文本都居中。第三種方法使用table和align屬性，將圖片和文本放置在表格中，并設置文本的align屬性為center來實現居中。