CSS可以實現圖標環繞，讓文字環繞著圖標展示，非常實用。下面我們來看一下如何實現它。

.icon {
display: inline-block;
background-image: url('icon.png');
background-repeat: no-repeat;
background-size: 30px 30px;
width: 30px;
height: 30px;
margin-right: 10px;
float: left;
}
p {
text-align: justify;
}

首先我們定義了一個.icon類，將其設為行內塊元素，設置寬高為30px，背景圖片為icon.png，margin-right為10px，float為左浮動。

接下來，在p標簽中應用text-align: justify屬性讓文本兩端對齊。

然后，我們在HTML中使用div元素包裹icon和p標簽。

<div>
<div class="icon"></div>
<p>這里是文本內容，可以是一段話或者一篇文章，文字可以自由地環繞在圖標周圍展示。</p>
</div>

這樣，就可以實現圖標環繞效果了。