ブラウザに表示されているサイト全体を真ん中(センタリング)表示するコードの例です。「サイト全体を包んでいるdiv要素のabcdefというidで包みましたよ」という意味のコードになります。

 

※pタグ部分に文章などを入れることでサイトに表示されます。<p>ここです。</p>

 

 

XHTML

    <body>
    <div id="abcdef">
    <h1>サイト全体を中央に配置</h1>
    <p></p>
    <!--/ #abcdef--></div>
    </body>  

 

CSS

    body {
        text-align: center;
    }
    div#abcdef {
        width: 800px;
        margin: 0 auto;
        text-align: left;
        border: 1px solid #ffffff;
    }  

 

 

(例)

サイト全体を中央に配置

 

 

関連記事

CSSで真ん中(センターリング)配置する方法

 

 

 

]]>

いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」