CSS文字中插入圖片是一種很常見的網頁設計技巧。通過使用CSS，我們可以把圖片插入到文字中間，讓頁面看起來更加豐富多彩。下面是一些常用的CSS代碼，可以實現文字中插入圖片：

/* 在文字下面插入圖片 */
p {
position:relative;
}
p:after {
content: url("image.jpg");
position:absolute;
left:0;
bottom:-20px;
}
/* 在文字內部插入圖片 */
span {
display:inline-block;
position:relative;
}
span:before {
content: url("image.jpg");
position:absolute;
left:-20px;
top:0;
}

上面的代碼分別實現了在文字下面插入圖片和在文字內部插入圖片。其中，通過設置相對定位和絕對定位，讓圖片定位到指定的位置。

如果要調整圖片的大小，可以使用CSS的width和height屬性：

/* 調整圖片大小 */
p {
position:relative;
}
p:after {
content: url("image.jpg");
position:absolute;
left:0;
bottom:-20px;
width: 100px;
height: 100px;
}

在上面的代碼中，我們通過設置width和height屬性調整了圖片的大小。

在實際的網頁設計中，我們可以根據具體的需求來選擇合適的文字中插入圖片的方法。通過這種技巧，可以使頁面看起來更加生動有趣，吸引用戶的注意力。