在CSS中,让文字并排是一种常见的排版方式,可以更好地展示内容和提高页面的阅读体验。下面介绍两种实现文字并排的方法。方法一:浮动使用浮动可以把两个或多个块级元素放在同一行上,实现文字并排的效果。HTM
<div class="container"> <div class="left"> <p>左侧内容</p> </div> <div class="right"> <p>右侧内容</p> </div> </div>
.container { overflow: hidden; } .left { float: left; width: 50%; } .right { float: right; width: 50%; }
<p class="left">左侧内容</p> <p class="right">右侧内容</p>
.left { display: inline-block; width: 50%; } .right { display: inline-block; width: 50%; }
粉丝
0
关注
0
收藏
0