​如何使横向两列布局上的文字居中显示

Question

，包括横向和垂直居中显示？？像这样的，里面已经添加了float属性的，所以不能直接添加margin：0 auto；求大神指教！！！！

Answer 1

文字水平居中：text-align:center;

单行文本垂直居中：line-height:盒子高度；

多行文本垂直居中：1.使上下的padding值相同即可；

                               2.文字所在父级盒子display:table; 对文字设置display:table-cell;vertical-align:middle;（IE6不支持）

                               3.用定位去做

块元素水平居中：margin:0 auto;  不要搞混了

Answer 2

年轻，打好基础很重要，手动编写CSS挺好，赶时间还是早点接触Bootstrap之类的框架，会让你耳目一新

Answer 3

这三种方法我都用过，没乱过，你先单独建个文件，单试这个问题

Answer 4

我做出来的效果是这样的，文字并没有垂直居中或者水平居中

Answer 5

水平居中是 text-align：center

垂直居中 line-height: 一个和容器高一样大的值px