サブタイトルの表示をアレンジ

春咲き組Ringのタグを、サブタイトルの右端に表示させました。
サブタイトルにそのまま入れると、ナビゲーションメニューの下に表示されてしまいます。
そこでfloatを使って位置を調整しました。

いつもお世話になりっぱなしのfacetさまに、今回もアドバイスをいただきました。
ありがとうございました。

手順は以下の通りです。

1.サブタイトルの記述を分割します。
説明文は「<div class="subtitle">」、ナビゲーションメニューは「<div class="menu">」、春咲き組Ringは「<table class="sakuraring">」にしました。

2.スタイルシートに以下の記述をします。

#banner h2 {
font-size: 13px;
display: block;
text-alingn: center;
}
/* サイト説明 */
#banner h2 div.subtitle {
font-size: 13px;
text-alingn: left;
margin: 10px 0px 5px 40px;
line-height: 1.5em;
height: 40px;
}
/* ナビゲーション */
#banner h2 div.menu {
text-align: center;
}
/* 春咲き組Ring */
#banner h2 table.sakuraring {
float: right;
margin-top: -110px;
height: 75px;
font-size: 11px;
line-height: 1.5em;
}