css - テキストを均等に配置するcss.

Question

自分で調べてみましたが、言葉にするのに苦労しました。それで、私がやりたいことのひどくフォトショップされた例を作りました。

どんな助けでも大歓迎です。

これが私が今持っているものです：

ここに私が欲しいものがあります:

短い名前に対応するために、ボックスがわずかに移動していることに注意してください。

現在の CSS:

.comment {
    background-color: #09F;
    color: white;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 50px;

}

現在の HTML (php の一部:P):

echo "<br />" . $row['name']; ?> > <span class='comment'>
<?php echo $row['comment']; ?></span>
<span class='commentInfo'><--(<?php echo $properdate; ?>)</span><br/>