マージンのプロパティ使用例

margin: 0; /* 上下左右マージン「0」 */

margin-top: 3em; /* 上マージン3文字分 */

margin-bottom: 2em; /* 下マージン2文字分 */

margin-right: 2em; /* 右マージン2文字分 */

margin-left: 8em; /* 左マージン8文字分 */

width: 50%; margin: 0 auto;
/* 「auto」を正しく解釈するブラウザでは,
センタリングされる筈です */

width: 80%; margin-left: auto; margin-right: auto;
/* 「auto」を正しく解釈するブラウザでは,センタリングされる筈です */

width: 50%; margin-left: 1em; margin-right: auto;

width: 50%; margin-left: auto; margin-right: 1em;

margin: 1em 20% 2em 5%;
/* 上マージン1文字分,右マージン「20%」,下マージン2文字分,左マージン「5%」 */

margin: 0.5em;
/* 上下左右に対して0.5文字分のマージン */