CSS的float屬性可以用來讓圖片實現浮動，使得圖片與其他元素協調地排版。具體來說就是通過設置圖片的float屬性為left或right，使圖片浮動在文本的左側或右側。

img {
float: left;  /*或 right*/
margin: 0 10px 10px 0;  /*設置圖片與周圍元素的間隔*/
}

上面的代碼中，將圖片浮動到左側時，使用了float: left;將圖片浮動到右側時，使用了float: right;。同時，給圖片設置了一個外邊距，使得圖片周圍顯示出一定的空隙。

需要注意的是，圖片浮動后會脫離文本流，所以需要設置它的寬度和高度，以確保其他文本或元素不會占據浮動圖片的位置。

img {
float: left;  /*或 right*/
margin: 0 10px 10px 0;  /*設置圖片與周圍元素的間隔*/
width: 200px;  /*圖片的寬度*/
height: 150px;  /*圖片的高度*/
}

上面的代碼中，設置了圖片的寬度和高度為200px和150px，這個具體的數值視情況而定，可以根據實際需要進行調整。

除了浮動圖片外，還可以通過設置為inline-block屬性實現圖片的垂直排列。具體來說就是給圖片設置display: inline-block;屬性：

img {
display: inline-block;
margin-right: 10px;
}

上述代碼中，將圖片設置為inline-block屬性，可以讓圖片在同一行內，通過設置margin-right屬性為10px，同樣可以讓圖片與周圍元素產生一定的間隔。