CSS 是網頁排版中必不可少的一部分，同樣也可以用來設置圖片與文字。在網頁設計中，圖片與文字的組合是很常見的，因此如何設置圖片與文字的樣式是非常重要的。 首先，我們需要在 HTML 文件中添加圖片與文字。這可以通過使用 img 和 p 標簽來實現：

This is some text next to the image.

在上述代碼中，顯示了一張圖片和一個段落，圖片通過 img 標簽添加，段落通過 p 標簽添加。接下來，我們將通過 CSS 來設置它們的樣式。 一般來說，圖片可以通過 CSS 來控制寬度或高度，或將其居中或者浮動。下面是一些示例代碼：

/* 設置圖片的寬度 */
img {
width: 300px;
}
/* 設置圖片的高度 */
img {
height: 200px;
}
/* 將圖片居中 */
img {
display: block;
margin: 0 auto;
}
/* 將圖片左浮動 */
img {
float: left;
margin-right: 15px;
}

下面是更多關于如何排列圖片和文字的示例代碼：

/* 將文字與圖片處于同一行，垂直對齊 */
p {
display: inline-block;
vertical-align: middle;
}
img {
display: inline-block;
vertical-align: middle;
}
/* 左對齊文字，右對齊圖片 */
p {
text-align: left;
}
img {
float: right;
}
/* 讓文字固定在圖片右側 */
p {
overflow: hidden;
}
img {
float: left;
margin-right: 15px;
}

通過上述示例，我們可以發現 CSS 可以幫助我們快速輕松地設置圖片與文字。不過需要注意的是，這些代碼可能需要根據具體情況進行適當調整。