1，用第二种方法设置div居中，实际上就是15-1节讲过的内容。

2，把div的display设置为inline后，div就变成行内元素了。15-1节的内容讲过：给行内元素设置水平居中，如文本，图片。是通过给父元素设置text-align:center;来实现的。

3，所以老铁你设置错地方喽，找一个div的父元素如body设置样式即可。如CSS代码：body{text-align:center:}

我也是遇到了这个问题，直接写

text-align: center;

文本就已经居中了，可是加入

display: inline;

后之前设置的居中就不起作用了，真是不明白问题出在哪里

html:
<div id="center2">把我变成行内元素啦</div>

css:

#center2{
    background-color: palevioletred;
    display: inline;
    text-align: center;
}