CSSとの悪戦苦闘

N900iからこんばんは。
大学のPCで、このブログのCSSをちょっくらいじってきました。たった３日PCに触れなかっただけなのに、ものすごく久々に触れたような気がしますｗ
　
さて、だいたいはほぼ納得のいく仕上がりになっているのですが、ひとつだけコメントの部分がちょっと引っかかってます。
一応見やすいようにはしているつもりなのですが、どうにもうまくいきません。　
具体的には、

# Fields
『こういうふうに、コメント欄の名前と本文の間で改行したい』

のですが、実際は、

# Fields 『こんなふうに、コメント欄の名前と本文が同じ行になる』

ので、ちょっと気になってしまうんですね。まあ、閲覧者からみればどうでもいいことかもしれませんが。
　
ソースを見ればわかるのですが、

<p><span class="canchor"><a href="#c">#</a></span> <span class="commentator">名前</span> 『ここにコメントの本文』</p>

という具合に、HTMLがコメントを１行で表示する仕様になっています。
　
名前と本文の間で改行しようと思ったら、本来は<br>で一発なのですが、はてなはHTMLの編集ができません。
そのため、今まではCSSで無理矢理改行しているように見せてました。ところが最近、なぜか表示がおかしくなったので修正。
しかしこれが、なかなかうまくいかないのですよ。間が空いたり名前が変な位置に来たりしてしまいます。
　
テーマによってはcanchorのdisplay:none;（非表示）とcommentatorのdisplay:block;でコメント本文手前で改行しているように見せてますが、私は個人的にcanchorは外せませんね。あれはコメントレスするときに便利なのです。
コメントに直接リンクはって参照できますからね。
　
どうにかならないもんでしょうかねえ？