如何使用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%;}

頁面效果：

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！