CSS中，文字前切圖是一種常見的設計需求。它可以讓文字和圖片組合得更緊湊，達到更好的視覺效果。

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

上述代碼使用了CSS中的浮動屬性和margin屬性，對圖片進行了左浮動并設置了與文字之間的間距。

除此之外，還可以使用background-image屬性來實現文字前切圖的效果。

span {
display: inline-block;
background-image: url("img.png");
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}

上述代碼使用了span標簽，并給它設置了一個背景圖片，并將圖片的左邊距設置成了20px，也就是在文字和圖片之間留出20px的間距。

需要注意的是，在使用浮動屬性實現文字前切圖的過程中，需要注意盒子模型的影響。圖片的寬度和高度都需要設置才能正確地被浮動。

總而言之，CSS中實現文字前切圖的方法有很多，需要根據具體的需求和場景來選擇最合適的實現方式。