CSS布局是網頁設計中非常重要的核心部分。其中，文本和圖片的布局是開發人員必須掌握的技能。在CSS中，可以利用“float”屬性來控制文本和圖片的布局。

p img {
float: left;
margin-right: 10px;
}

上述代碼是用來將圖片“float”到文本左邊，并且預留10像素的距離。這樣，文本可以沿著圖片的右側自動換行。此外，“float”屬性還可以設為“right”將圖片“float”到文本右側。

p {
width: 300px;
}

在進行文本和圖片的布局時，可以設置p標簽的寬度來控制文本的排列。例如，上述代碼將p標簽的寬度設定為300像素，這樣當文本和圖片超出這個寬度時，文本會自動折行到下一行。

p {
text-align: justify;
}

此外，可以使用“text-align”屬性來控制文本的對齊方式。例如，“text-align: justify;”可以使文本兩側對齊，較為美觀。

總之，在CSS中，文本和圖片的布局技巧是很多的。通過靈活運用“float”屬性、設置p標簽寬度和使用“text-align”屬性，開發人員可以實現各種不同的文本和圖片布局效果。