[HTML・CSS] コンテンツを罫線で囲む

●コンテンツを罫線で囲む

---------------------------------
＜html＞
＜head＞
＜title＞鉄道写真館＜/title＞
＜style type="text/css"＞＜!--

body{
	color:#666666;
	background-color:#ffffee;
}
h1{
	font-size:40px;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	color:#336633;
}
span.green{
	color:#339900;
}
span.name{
	color:#339900;
	font-weight:bold;
}
p{
	width:360px;
	text-align:left;
	background-color:#f7ffcc;
	padding:20px;
	border-style:dashed;
	border-width:6px;
	border-color:#66cc33;
}
div.copy{
	background-color:#33cc66;
	color:white;
	font-size:smaller;
	padding:2px;
}
--＞＜/style＞
＜/head＞
＜body＞
＜div align="center"＞
＜h1＞鉄道写真館＜/h1＞
＜p＞＜span class="name"＞鉄道写真館＜/span＞へようこそ！ここは、
＜span class="green"＞『鉄道写真』＜/span＞満喫するために、
身近なところで撮影した＜span class="green"＞『鉄道写真』＜/span＞や、
旅先で撮影した＜span＞『鉄道写真』＜/span＞
を集めたホームページです。＜/p＞
＜div class="copy"＞Copyright(c) HTML Master＜/div＞
＜/div＞
＜/body＞
＜/html＞
---------------------------------

これからはじめる HTML&スタイルシートの本 (自分で選べるパソコン到達点)/中邨 登美枝

￥2,079
Amazon.co.jp

図解 HTML/CSS&Web技術がわかる (知りたい!テクノロジー)/Coyote Studio

￥1,764
Amazon.co.jp