如何使用css实现文字环绕

这篇文章主要介绍了关于如何使用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%;
}

页面效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

如何使用CSS3来实现文字折纸的效果

CSS 设置滚动条样式的实例代码

以上是如何使用css实现文字环绕的详细内容。更多信息请关注PHP中文网其他相关文章！