hr(水平線)をcssで左右に寄せる

hrタグをcssで左寄せや右寄せする場合、下記のとおり記述すればそれぞれの端に寄せることができます。

▼左寄せ
hr {
text-align:left;
margin-left:0px;
}

▼右寄せ
hr {
text-align:right;
margin-right:0px;
}

hrタグはブロック要素のためmarginを使わないと左右の端に寄せることができませんのでご注意ください。

コメント

タイトルとURLをコピーしました