在Web设计中，有时候我们需要将文字与图片结合起来使用，比如制作一个特殊的标题或者某个图标的注释。那么CSS是如何实现这一效果的呢？

.text-with-image{
background: url("image.png") no-repeat left center;
padding-left: 20px;
}

以上是CSS代码的核心部分，具体来讲：

• background属性是为了设置某个元素的背景图片，并且我们可以通过位置参数来让图片处于不同的位置，如上例中的left center就表示将图片放置在左中心位置。
• no-repeat则是为了避免图片在元素的背景中重复出现。
• padding-left是为了避免文字与图片重叠或者文字太靠左，所以通过增加一个左边距来调整。

这样，我们就完成了一个文字包含图片的效果了。当然，具体的效果还需要根据实际需求来进行调整，比如设置字号、颜色之类的样式。