CSS中有許多方法可以使圖片和文字之間保持一定的距離，從而讓頁面更加美觀和易讀。

其中一種方法就是使用margin屬性來改變圖片和文字的間距。例如：

img {
margin-right: 20px;
}

這個(gè)代碼片段的含義是設(shè)置圖片的右邊距為20像素，從而讓圖片和文字之間的間距變大。

除此之外，還可以使用float屬性來讓圖片和文字分別位于頁面的左右兩側(cè)。例如：

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

這個(gè)代碼片段的含義是設(shè)置圖片向左浮動(dòng)，并將右側(cè)的邊距設(shè)置為20像素。同時(shí)，overflow屬性的值為hidden，意味著文字不會超出父元素的范圍。

需要注意的是，在使用float屬性時(shí)，還需要注意清除浮動(dòng)，以免出現(xiàn)頁面布局錯(cuò)亂的問題。可以使用clear屬性來清除元素的浮動(dòng)狀態(tài)。例如：

.clearfix::after {
content: "";
display: table;
clear: both;
}

這個(gè)代碼片段的含義是設(shè)置一個(gè)偽元素，在其后添加波浪號。該元素的顯示方式為表格（display: table），并將清除方式設(shè)置為both，即同時(shí)清除元素左側(cè)和右側(cè)的浮動(dòng)狀態(tài)。

通過上述方法，可以有效地將頁面中的圖片和文字分開，并增加頁面的美觀性和可讀性。