如何使用css实现文字环绕

html：

<p class="wrap-p-topSpacer"></p>
 <p class="wrap-p">
 <img src="image/tineng1.png" alt="">
 </p>
 <p style="font-size: 16px;text-indent: 2rem;">通过体能测试获得基本数据资料，由此找到幼儿体能训练的更好方法，以促进幼儿体能的提高，测试结果也将为幼儿园调整户外体育活动的组织形式，开展体育区域活动，变“集中统一活动”为“分区自主活动”，变“同年龄班活动”为“混龄班活动”，创设开放性的体育活动环境提供科学数据和对比依据。充分利用测试结果发现问题，“用幼儿感兴趣的方式发展基本动作，提高动作的协调性、灵活性以及平衡性”，逐步形成园本教育特色，打造园所教育品牌，凸现园所文化，为孩子一生运动能力和良好运动习惯打下基础。</p>

css：

p.wrap-p-topSpacer {
 width: 0px;
 height: 40px;
 float: left;
}p.wrap-p {
 float: left;
 clear: both;
 margin: 10px 25px 0 0;
 width: 25%;
 text-align: center;
 background: #0088cc;
 color: #FFF;
}p.wrap-p-right {
 float: right;
 width: 50%;
}

页面效果：