在網頁制作過程中，圖片和文字的搭配是十分重要的。有時候我們想要把一張圖片和一段文字放在同一行，這時候就需要使用CSS了。

在CSS中，我們可以使用display屬性來控制元素的顯示方式。其中，display:inline可以將塊級元素變成行內元素，讓它們和文字放在同一行。

代碼示例：
img{
display: inline;
margin-right: 10px; /*設置圖片和文字之間的間距*/
}

上面的代碼中，我們給img標簽添加了display:inline屬性，并設置了margin-right屬性來控制圖片和文字之間的間距。如果想要讓文字和圖片居中對齊，我們可以在外層容器上設置text-align:center。

需要注意的是，如果圖片和文字的大小不一致，會導致排版混亂。這時候可以設置圖片的寬高，或者使用flex布局來實現自適應調整。

代碼示例：
.container{
display:flex;
align-items:center; /*垂直居中對齊*/
}
img{
flex:1; /*根據比例分配剩余空間*/
max-height:100px;
margin-right: 10px;
}

上面的代碼中，我們使用了flex布局，設置了align-items:center來實現垂直居中對齊。給img標簽添加了flex:1來根據比例分配剩余空間，并設置了max-height屬性來限制圖片的高度。

總之，在處理圖片和文字的排版時，我們需要注意元素的顯示方式和大小，以及間距的設置等，才能實現美觀的效果。