<h2></h2>の中に、サイズの違う文字を・・

質問

こんにちは。よろしくお願いします。
以下の様に、追加したいのですが、分かりません。

現在は、
<h2 class="uline">タイトル</h2>
となっております。

<h2 class="uline">タイトル[date]</h2>
とすると、[date]のフォントが大きすぎます。
この日時([date])をタイトルの"右端"にレイアウトして、
フォントサイズを12px(85%?)にしたいのですが、どうしたら良いでしょうか?

<h2 class="uline">タイトル</h2>[date]
とすると、[date]の前で、改行されてしまいます。
一行で、文字の大きさを変えたいのです。出来ませんでしょうか？

スタイルシートは、以下の様になっております。
よろしくご指導下さい。お願いします。

/* 初期化 */
h1,h2,h3,h4{font-size: 14px;font-weight: normal;}
hr{display: none;}

/*コンテンツ*/
#content {
width: 650px;
margin: 0;
margin-bottom: 20px!important;
text-align: left;
float: left;}

#content h2{
margin-top: 5px;
color: #CCC;
font-size: 143%;
line-height: 150%;
font-weight: bold;
display: block;
text-align: left;}

/*その他属性*/
.line{clear: both;margin: 10px 0 20px 0;border-bottom: 1px solid #555;}
.uline{border-bottom: 1px solid #555;}

回答No.1

t_ohta · ベストアンサー

<h2 class="uline"><span style="font-size:12px;float:right;">[date]</span>タイトル</h2>

お礼

t_ohtaさん、出来ました～。ありがとうございます。
素晴らしいです。出来るんですね。
無理じゃ無いかと思ってましたので、嬉しすぎます。
<span style="font-size:12px;float:right;">[date]</span>を先に書くのがミソなんですね。
スイマセン。よく分かってないのですが、結果オーライで、ありがとうございました。
(^o^)

回答No.2

utun01

無理に<h2>を使う必要はありません。
細かく指定する際には<div class="***">で全部の要素を作って、クラスでCSSを適用する方がスムーズに出来ますよ。

お礼

utun01さん、ありがとうございます。
そうしたいのですが、
ブログのテンプレートなので、色々、変更するには、
応用が利かずに、困ってました。
今後、努力していきます。ありがとうございました。