はてなダイアリーを使ってます。それで、「コメントを書く」って文字を本文よりフォント・サイズを１小さくして、コメントはサイズを３小さくするにはどのようにスタイル・シートを設定すればよいでしょう。あと、コメントの２行目以降を１行目とおなじインデントに保ちたいときにはどうすればよいでしょうか。

　URLはダミーです。

　以下、スタイルシートのサンプルです。

　ダイアリーの設定から、修正してみてください。

　(蛇足ながら、バックアップは取っておきましょう)

/* 「コメントを書く」の部分 */

div.comment {

/* お好みのポイント数で12ptとか */

font-size: small;

}

/* コメントの部分 */

div.caption {

/* お好みのポイント数で8ptとか */

font-size: x-small;

}

＞やってみたんですが、うまく行きません。

　ゲゲッ!!

　書き方は、

=== ここから ===

div.comment {

font-size: 12pt;

}

div.caption {

font-size: 8pt;

}

=== ここまで ===

です。(すべて、半角文字です)

　「=」(イコール)ではなく、「:」(コロン)を使います。

　12ptとか8ptなどの数字を変更すれば、文字の大きさが変わります。

　12ptと書く代わりにsmallと、8ポイントの代わりにx-smallと書くことを推奨されていますが、気にならないなら、気にすることはありません。

　ここまでは、自分のダイアリでテスト済みです。

　質問の残りの部分ですが、、、

　え〜と、複数のコメントの頭を揃えたい(インデントをつけたい)という意味ですよね?

div.commentshort > p {

text-indent: 1em;

}

で行頭文字の位置を揃えることは出来ると思います。

　でも、ユーザー名の後ろのコメント部分だけ独立させて、折り返し位置を揃えるのは無理っぽいですね。

　行頭文字+名前+コメントで ひとつのインライン要素になっていますので、スタイルシート中で コメント部分だけを分離指定できないようです。

　ちなみに、コメントの中の

タグのところで インデントを調整するのも無理だと思います。