初心者がまとめるHTMLの使い方　<hr>を使って横線を引く

<hr>というタグを使用して横線を引く方法を説明します。

0.ただの横線


<hr>

例)

1.横の長さの調整

画面横幅に対しての比率を%で指定、もしくは、数字のみを指定してピクセル単位で指定することができます。widthを使います。

    <hr width="50%">

例)

 


    <hr width="50">

例)

 

2.表示位置の調整

画面の横幅に対してどの位置に表示させるかをしているすることができます。alignを使います。

    <hr width="50" align="right">

例)

 


    <hr width="50" align="left">

例)

 

3.CSSを使って書く

今までのものをCSSを使っても書くことができます。

html


    <hr class="sample-border">

CSS


    .sample-border {
        width: 50px;
        text-align: left;
    }

例)

 

簡単に横線の引き方を説明しました。
まだまだ足りない部分も多いので、気が向いたら追加で説明を書きたいと思っています。
ご覧くださりありがとうございました。