接下来设置css样式，在style标签中，设置div的float值为left，就实现左对齐了，最后在给div高度，宽度，边框属性设置值，右边的div除了float设为right，其他都是一样的：
![P3[7X)SCO6KE7D%BI%J`]EE.jpg](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/227/530/434/1622686677154331.jpg "1622686677154331.jpg")
最后来到浏览器中，可以看到div在浏览器中是居左的，另一个是居右的：
![T}]D_FQPCNN{6(DPSK(`V}L.jpg](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/183/615/718/1622686682254250.jpg "1622686682254250.jpg")
推荐学习：html视频教程
以上就是html左边对齐怎么设置的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
Html表单边框怎么加颜色？Html form标签的边框颜色实例
Html span标签如何做到自动换行？Html span标签的用法介绍
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
