【CSS012】 - Today & Tomorrow...

【CSS12】

・この場合、リセットはしない
・左右均等空き（上下空きは指定しない）

<html>
<head>
<title>css12</title>
<style type="text/css">

p{
  color:#fff;
  margin-top: 50px;
  margin-right:auto;
  margin-left:auto;

  background-color:#009EFF;
  font-weight:bold;
  line-height: 1.5;
   padding: 3px;
  width : 300px;
  border-style: solid;
  border-width: 6px;
  border-color: #FFC503;
}




</style>
</head>

<body>
<p>BOX and MAGIN<br>
この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。
マージンはこのボックスの余白のことをいいます。
</p>

</body>




</html>