ステップ2　記事タイトル位置の変更

スタイルシートを修正して日付と記事タイトルのスタイルを交換しました。
次はHTMLを修正します。

トップページのHTMLをまず修正します。

記事タイトルを表す部分を移動します。
＜ｈ2＞～＜/h2＞で括られた部分です。
見出しの＜ｈ＞タグはこちらの手順で修正済みです。
まだ何もしてなければ＜h3＞のはずです。



修正前の現在の状態は下図の通り



選択した分をカット&ペーストで移動。
＜div class="blogbody"＞の影響を受けないよう、その上に出してやります。
＜%TrackBackAutoDiscovery%＞の直下当たりがちょうど良いでしょう。



その結果はこちら。↓


これで枠の大きさが合いました。

同じように「個別記事」と「アーカイブ」についても調整します。
次は日付位置の調整です。
枠にちょっと隙間が空いているのも次のステップで修正できます。