/* === コンテンツ部分のスタイル === */
.main {
padding-left:30px; ---------------------コンテンツ部分の左の余白サイズ
padding-right:30px; --------------------コンテンツ部分の右の余白サイズ
padding-top:25px; ---------------------コンテンツ部分の上の余白サイズ
padding-bottom:20px; ------------------コンテンツ部分の下の余白サイズ
vertical-align:top; ---------------------コンテンツ部分の配置の設定
border-right:solid 1px white; --------コンテンツ部分の右に入れる罫線のスタイル
}
.main h1 {
font-size:18px; -----------------------文字の大きさ
font-family:Arial, Helvetica; --------------文字の種類
}
.main h1 img {
vertical-align:middle; -------------------タイトルと画像を揃える位置
margin-right:8px; ----------------------タイトルと画像の間隔
}
.main h2 {
font-size:16px; -----------------------見出しの文字の大きさ
color:black; --------------------------見出しの文字の色
margin-top:40px; ----------------------見出しの上の余白サイズ
}
.main p {
font-size:14px; ------------------------文章の文字の大きさ
line-height:160%; ----------------------文章の行間を設定
color:#333333; ------------------------文章の色の設定
}
.photo td {
vertical-align:bottom; -------------------画像のキャプションの表示位置を設定
font-size:12px; ------------------------画像のキャプションの文字の大きさ
padding:0px;
}
.photo img {
margin-right:8px; -----------------------画像のキャプションの間隔
}
.copy {
padding-top:6px; -----------------------コピーライトの上の余白サイズ
font-size:10px; ------------------------コピーライトの文字の大きさ
text-align:center; ----------------------コピーライトの行揃い
}

<!--=== コンテンツ部分のソース ===-->
<TD class="main" bgcolor="#bef76a">
<h1 lang="en"><img src="tri-g3.gif">COLUMN</h1>-------見出しのマーク
<h2>パンジーの花が咲きました</h2>--------------------見出しを記述します
<p>南丘陵公園のパンジーの花が咲きました。紫</p>--------文章を記述します

<table class="photo" cellspacing="0">
<tr><td>
<img src="flower.jpg">
</td></tr>
<tr><td>
南丘陵公園のパンジー<br>
[4月１日撮影：晴れ]
</td></tr>
</table>

<p>パンジーは欧州原産の多年草で、スミレ科</p>

<p>南丘陵公園のパンジーの花が咲きま</p>

<div class="copy">
Copyright (C) GREEN LEAF, All Rights Reserved.------------コピーライトの記述
</div>

</TD>