CSS能夠實現不同元素的排版和布局，如何讓圖片和文字居中并排顯示呢？

.container {
display: flex;
align-items: center;
justify-content: center;
}
.image {
margin-right: 10px;
}

使用display:flex屬性可以創建一個伸縮容器，里面可以放置多個元素。align-items屬性設置元素的對齊方式，justify-content屬性控制元素水平方向的位置。

在這個容器內，可以放置圖片和文字。通過為圖片設置margin-right屬性，可以讓圖片和文字錯開一定的距離。如下面這段HTML代碼：

<div class="container">
<img src="image.jpg" class="image">
<p>這是一段文字</p>
</div>

這樣就能實現圖片和文字居中并排顯示的效果。