この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:1
ページ更新者:guest
更新日時:2019-08-24 18:41:50

タイトル: 一行で左、真ん中、右にそれぞれ要素を寄せる方法
SEOタイトル: CSS で一行に左・中央・右へ要素を寄せる方法

HTML

<div class="main">

    <p class="left">Left</p>

    <p class="center">Center</p>

    <p class="right">Right</p>

</div>

 

CSS

.main { display: table; width: 100%;}

.left { display: table-cell; text-align: left;}

.center { display: table-cell; text-align: center;}

.right { display: table-cell; text-align: right;}

 

出力結果