在網頁制作中，經常需要把文字和圖片進行排列組合，讓頁面更加生動多彩。下面介紹用CSS實現文字和圖片并排顯示的方法。

/*CSS代碼*/
.container {
display: flex;
align-items: center;
}
.image {
width: 200px;
}
.text {
margin-left: 20px;
}

以上為CSS代碼，下面解釋一下各個屬性的含義：

/*CSS代碼解釋*/
.display {
display: flex;  /*使用flex布局*/
align-items: center;  /*垂直居中*/
}
.image {
width: 200px;  /*設置圖片寬度*/
}
.text {
margin-left: 20px;  /*文本距離圖片的距離*/
}

制作時，首先需要在HTML中定義一個包裹元素，一般為div。

這是一段文本，與圖片并排顯示。

以上HTML代碼中，使用了img標簽插入圖片，p標簽插入文字，并為它們添加了class類。這些類與CSS代碼相對應，控制它們的顯示效果。

另外需要注意的是，圖片和文字的寬度和高度需要根據實際需求自行設置。這里僅僅給出了一個示例。

與此類似的還有其他的排列方式，如float屬性等。選擇不同的方式可以實現不同的效果。以上就是關于CSS文字和圖片并排顯示的簡單介紹，希望對大家有所幫助。