`text-align`を用いた中央寄せ

中央寄せ with text-align

gist

html

<div class="container">
    <div class="content">
        <h2> 果物リスト</h2>
    <ul>
        <li>りんご</li>
        <li>ばなな</li>
        <li>みかん</li>
        <li>ぶどう</li>
    </ul>
    </div>
</div>

css

.container {
    display: block;
    text-align: center;
}
.content {
    display: inline-block;
}

---

NOTE:

• text-align: inlineに対してのみ有効