您的当前位置:首页正文

如何使用css实现文字环绕

2020-11-27 来源:我们爱旅游
这篇文章主要介绍了关于如何使用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%;
}

页面效果: