css - フロートで中央揃えを達成する方法

Question

3 つの div すべてを中央に配置しようとしています。div2 と div3 の周りにラップを作成せずにこれを行う方法はありますか?

               div1  | div2 |  div3
------------------------------------------------

score 2 · Accepted Answer

body が存在する可能性が最も高いため、次のようなことを試すことができます。

<body>
    <div class="centered" id="a">A</div>
    <div class="centered" id="b">B</div>
    <div class="centered" id="c">C</div>
</body>

CSS:

body {
    text-align: center;
}

.centered {
    display: inline-block;
}

1 に答える 1