Как центрировать 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

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

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