名前とコメントを二段にわけて見やすくする方法

↓
追記　これだと現在の状況にあっていないため　変更を書きました。
◆酔拳の王　だんげの方 - コメント欄を二段にして見やすくする　改定版 CSS　2007/08/15

/***** コメント二段追加部分 *****/
div.commentshort p {
　　　　padding: 1.5em 0.2em 0em 0.2em;
　　　　text-indent: 0em;
　　　　position: relative;
　　　　top: 0px;
　　　　left: 0px;
}
span.commentator {
　　　　padding-right: 18px;
　　　　text-decoration: none;
　　　　font-weight: bold;
　　　　position: absolute;
　　　　top: 0px;
　　　　left: 0px;
}
/*****ここまで *****/

上記を　管理→デザイン→詳細　とすすんで、スタイルシートの一番下に追加してあげるだけです。

だんげ
#『こんな感じにコメントがつきます』 (2007/02/07 00:00)）

　パッディング簡単に言うと間隔です。　1em=1行です。　pxとかでも指定できます。
順番は　padding: 1.5em(上) 0.2em(右) 0em(下) 0.2em;(左)です。
間隔が気になる人は、この数値をいじってみてください。

ほかには、背景と囲い線をつけてあげると、より解りやすくなるかと思います。
　background-color: #E9E9E8;　　（グレイの背景）
　border: #B9B8B4 1px solid;　　　（濃いグレイの１pxの線でそれを囲う）
色は#以下をいじって　自分のはてなにあった色にすればいいかと。

↓追加する場合はこんな感じです。

div.commentshort p {
　　　　padding: 1.5em 0.2em 0em 0.2em;
　　　　background-color:#E9E9E8;
　　　　border: #B9B8B4 1px solid;
　　　　text-indent: 0em;
　　　　position: relative;
　　　　top: 0px;
　　　　left: 0px;
}

この部分はテーマ別によるスタイルシートサンプルのWidowを参考というか、ほぼそのままパクリました。
自分は特にCSSに詳しいわけではないので、間違っている可能性もあります。これ見た詳しい方にエントリーを書いていただけると、とてもうれしいです。

問題があるようなら、スタイルシートにコピーした部分を消してあげれば解決します。

たまごまごごはんさんにいきなりメッセで突撃し、無理言ってやってもらったのですが、うまく表示されたようでほっとしています。