CSS是一種用于網站設計的語言，它可以美化網頁并使其更具吸引力。在網頁設計中，圖片是一個不可或缺的元素。使用CSS可以輕松讓圖片浮動和對齊。

img {
float: left;
margin-right: 20px; /* 可根據需要調整，使圖片與文本之間留出適當的間距 */
}

上面的CSS代碼可以將圖片向左浮動，并在右側保留20像素的空白。如果要將圖片向右浮動，只需要將“left”替換為“right”即可：

img {
float: right;
margin-left: 20px;
}

同時，如果希望圖片與文字頂部對齊，可以使用“vertical-align”屬性：

img {
float: left;
margin-right: 20px;
vertical-align: top;
}

在設計網頁時，還需要注意圖片浮動可能會導致文本環繞并產生不必要的空隙。為了解決這個問題，可以使用“clear”屬性在圖片下方創建一個新的空白區域，以便正常顯示下面的內容：

.clear {
clear: both;
}

使用“clear:both;”讓單獨的html塊在它下面沒有浮動的塊，從而阻止元素向上或向下“漂流”。

總之，使用CSS讓圖片浮動非常簡單，只需要使用float屬性并調整邊距即可。同時，確保在圖片下方使用“clear”屬性可以防止出現意外的空隙。