タイトル: 一行で左、真ん中、右にそれぞれ要素を寄せる方法
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;} |
出力結果
