テキストや画像を中央に配置する

Webサイト内には、様々なセクションがあり、それぞれ中央に配置する機会が多くあります。テキストや画像を中央に配置するには様々な方法がありますがシンプルな二つを紹介します。

01text-align

text-alignはもっともよく使われるコードの一つです。

HTML

<div class="one">
　<img src="/img/00.png">
</div>

CSS

.one{
    text-align:center;
    }

02display

HTML

<div class="two">
<img src="/img/00.png">
</div>

CSS

.two{
    display:block;
    margin:auto;
    }