ページに余白を空ける

margin-left　　margin-right

ページの左右に余白を空けるには、
スタイルシートのmargin-left　と　margin-right　の2つのプロパティを使います。
また、ここでは「ページ全体」に対して余白をあけるため、
セルクタに<body>要素を指定します。

HTMLタグで作成した下のページの左右に余白を空けます。


（画面クリックでWEB上のサイズを見てください。）

上のページに余白を指定する

<html>
<head>
<title>スタイルシート覚書</title>

<style type="text/css">
<!--
body {
　　　　margin-left:15%;
　　　　margin-right:15%;
}
-->
</style>

</head>
<body>
・・・・・・・・以下略・・・・・・・・


（画面クリックでWEB上のサイズを見てください。）

余白をあけるプロパティ
margin-left：左の余白； margin-right：右の余白；
margin-top：上の余白； margin-bottom：下の余白；
margin：四辺の余白；
margin-left　　margin-right プロパティは、ページの左右に余白を空けます。
このページで指定した様に単位をパーセンテージ（％）で指定した場合は、
プラウザの横幅を100％とした時の割合が余白になります。
ここでは、左右に 15% ずつ指定したので、ウインドウの横幅の７０％の面積に
WEBページの内容が表示されます。