https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

水平線の表示位置を指定する

{text-align:位置;}で水平線の表示位置を指定することが出来ます。

水平線の表示位置

水平線の表示位置は以下の通りです。

位置説明
left水平線を左に表示します。
right水平線を右に表示します。

【ブラウザ表示】





ソース

<hr class="place1">
<hr class="place2">

外部ファイル

hr.place1{text-align:left; width:200px;}
hr.place2{text-align:right; width:200px;}


<body>~</body>に直接記入する場合

<hr style="text-align:left; width:200px;">
<hr style="text-align:right; width:200px;">

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

水平線の横幅、高さを指定する
枠線の太さ、種類、色を指定する
水平線に背景色や画像を指定する
水平線の外側の余白を指定する

スタイルシート一覧のページに戻る