如何将div水平居中div，内部div具有文本内容的宽度？

Question

外部div有一定的宽度。但是内部div应该具有等于其文本内容的宽度，并且内部div应该是水平居中的

<div id="outer">
<div id="inner">
Hello....
</div>
</div>

Answer 1

将内部div设为display:inline-block，将父text-align:center

设为

＆＃13;

＆＃13;

#outer {
  width: 200px;
  border: 1px solid red;
  text-align: center
}
#inner {
  display: inline-block;
  border: 1px solid green;
}

＆＃13;

<div id="outer">
  <div id="inner">
    Hello....
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;