内联元素（display：inline-block）注意事项

1.内联元素margin的上下没有用，加入 display:inline-block 后，才有用；

不是block块级元素了，那么想居中，用 margin：0 auto; 没用了，

那想居中，在他“父亲”加上 text-align：center； 即内联元素想居中，在他“父亲”加上 text-align：center；

2.如果想让边框缩，跟文本一样宽，加入  display:inline-block

3， display:inline-block后，下面会有空隙，需加上 vertical-align:top; 不加会出hug

4,内联元素从左向右移动，块级元素从上到下

5.内联元素的高度：有line-height决定

6、display: block 会另起一行