需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：input{display: block}。
3、浏览器运行index.html页面，此时实现input输入框全靠左。
比如box是一个div,如下示例：.box{
float:left}//向左浮动显示了
.box{float:right}//向右浮动显示了
.box{width:980px
margin:0px
auto}//居中显示了
.box{margin-top:5pxmargin-bottom:5pxmargin-left:5pxmargin-right:5pxpadding-left:5px}这个前面的分别是外面距，距上，下，左，右，后面是内边距距左，其它的也一样子的道理
在HTML调用有两种方法，第一种，直接把这个写在html的head文件里面，
在这里是CSS代码
，或者直接建CSS文件，把代码写里面，在HTML引入，
<hr>在chrome中默认是左对齐。在IE中默认是居中对齐，要想左对齐css中用text-align:left。<hr style="text-align:left">或 <hr align="left">
<hr>的颜色设置
<hr style="border:0background-color:#ff0000height:1px">
如果不加border:0的话，虽然颜色改变了，但是会显示一条黑色的边框。如果不加height:1px的话，在chrome会显示不出来。
