在網頁設計中，圖片和文字的組合經常被使用，有時候圖片和文字需要放在一起，這對于網頁設計來說是非常有用的，這時候css便起到了非常重要的作用。在css中，我們可以使用一些技巧來保證圖片和文字的挨在一起。

.text {
float: left;
width: 70%;
}
img {
float: right;
width: 30%;
}

使用float屬性是保證圖片和文字挨在一起的最常用方法，我們可以將圖片和文字分別放在兩個不同的p標簽內，為這兩個p標簽分別設置不同的樣式，使用float屬性讓它們相互挨在一起。上面的代碼便是一個經常被使用的例子，我們將文字p標簽的寬度設置為70%，將圖片的寬度設置為30%，并將圖片float到文字的右邊。這樣就可以保證文字和圖片挨在一起，而且不會彼此堵住。此外，我們還可以使用clear屬性來清除浮動，比如在圖片和文字的下面加入一個空白的div標簽，然后設置clear:both屬性，便可以清除圖片和文字的影響，讓下面的內容回到默認的位置。

總體來說，使用css保證圖片和文字挨在一起非常簡潔高效，只需要一些基礎的css知識便可以輕易達到目的。