まずは大まかに

CSS HappyLifeさんのデフォルトCSSを参考に・・・・

＊ {
	margin:0;
	padding:0;
}
body {
	font-size:80%;
}
h1,h2,h3,h4,h5,h6 {
	font-size:85%;
	font-weight:normal;
	margin:0;
	padding:0;
}
p,li,dt,dl {
	line-height:160%;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
.clear {
	clear:both;
}
a {
	text-decoration:none;
}
a:link {
	color: #6C0;
}
a:visited {
	color: #6C0;
}
a:hover {
	color: #6C0;
	position:relative;
	top:1px;
	left:1px;
}
a:active {
	color: #6C0;
}

ん〜

ずれたな・・・・

h1だけCSS変えれば平気かな？

と言うわけで

元のテンプレートからh1だけ戻して

h1 {
  margin: 2.8em auto 0.7em auto;
  padding: 0 0 0.1em 0;
  width: 92%;
  max-width: 910px;
  text-align: center;
  font-size: 120%;
  border-bottom: 1px solid #666;
}

うん

こんなもんだね

次回は細かいところやれたらいいな

---

関連記事

CSS HappyLife【e】

CSSテンプレート配布、テクニック紹介、ハック、覚書など、CSSに関する事を中心に、 Webに関すること全般、その日書きたいことなど色々書いてます。