在網頁中，文本環繞是一種常見的設計效果，可以通過CSS中的屬性來實現。下面我們就來詳細介紹一下CSS文本環繞的實現方法。

.wrap{
width: 500px;
height: 300px;
border: 1px solid #ccc;
overflow: hidden;
}
.left{
float: left;
width: 200px;
height: 300px;
background-color: #f3f3f3;
margin-right: 20px;
}
.right{
float: left;
width: 280px;
height: 300px;
overflow: hidden;
}
.img{
float: left;
width: 100px;
height: 100px;
margin-right: 20px;
}
.text{
text-indent: 2em;
text-align: justify;
line-height: 1.5;
}

我們可以通過給包裹容器設置寬度和高度來限制文本的排版范圍，通過設置overflow:hidden屬性來顯示隱藏的部分。

接著，我們可以給圖片設置為float:left屬性，實現圖片在文本的左側，并通過給文本設置text-indent:2em來縮進文本，text-align:justify來實現左右對齊文本，line-height:1.5來設置行高。

通過這些CSS屬性的組合，我們便可以實現CSS文本環繞的效果。