1、第一步：我们首先打开网页编辑软件，这里我用editplus5编辑器。
2、第二步：我们先编写两个div标签以便设置css进行水平方式的样式设置。<div id屏顿幂垂="first"稆糨孝汶; class="">第一个div </div><div id="second" class="">第二个div </div>
3、第三步：我们给这两个div标签设置基本的样式，比如宽和高。<style type=&孥恶膈茯quot;text/css"> #first,#second{ width:600px; height:300px;border:5px solid #cc0033;}</style>
4、第四步：在edge浏览器中进行效果浏览。
5、第五步：假如我们要把第一个div框在浏览器中水平居中显示。设置样式如下：#first{ margin:0 auto;}margin就是外边距，margin：第一个参数就是上下边距，第二个参数就是水平方式自动，也就是居中的意思。
6、第六步：此时第一个div标签框已经水平居中了。假如我们要给第二个div中的文字进行水平方向居中的话，就要这样写css，text-align:left/center/right，既文本对齐方式：左/居中/右#second{ text-align:center;}
7、第七步：此时我们再浏览器中查看文字的水平对齐方式是否居中显示。
8、总结：1、首先打开网页设塥骈橄摆计软件新建一个网页2、编写两个div标签和写上相应的文字3、假如要给div布局框设置水平对齐方式，可以通过margin属性进行css编写4、限兰蛏愤假如要给div标签里面的文字内容设置水平对齐方式，可以通过text-align属性进行css样式编写。
