在網頁設計中，經常需要將一張圖片與一段文字放在同一行并居中顯示。這時候，我們可以使用CSS來實現這個效果。

首先，我們需要創建一個包裹圖片和文字的容器。為了方便，我們給這個容器添加一個類名，比如“container”。

.container {
display: flex;
align-items: center;
}

我們使用Flex布局，將容器的主軸（默認為水平方向）的對齊方式設置為居中（align-items: center;）。這樣，容器中的圖片和文字就會水平居中顯示。

接下來，我們需要分別對圖片和文字進行樣式設置。

.container img {
max-width: 100%;
height: auto;
margin-right: 10px;
}
.container p {
font-size: 16px;
line-height: 1.5;
}

我們將圖片的最大寬度設置為100%，高度自適應。為了保持圖片和文字之間的距離，我們在圖片的右側添加了10像素的外邊距（margin-right: 10px;）。

對于文字，我們設置了字號為16像素，行高為1.5（line-height: 1.5;）。如果有需要，您可以對這些值進行適當調整，以符合您的設計需求。

最后，我們將容器插入到HTML文檔的合適位置中：

<div class="container">
<img src="your-image.png" alt="Your Image">
<p>Your Text</p>
</div>

這樣，圖片和文字就會在同一行居中顯示了。