css - 数字の前に CSS を右揃えにしますか?

Question

番号付きリストを使用せずに段落に番号を付けたい。CSS で content:counter(paragraph) を使用してこれを達成しようとしているので、作成するすべての段落ブロックがその左側に数字を生成します。

.pass {
  counter-reset:paragraph;
}

.pass p:before {
  content:counter(paragraph);
  position:absolute;
  font-size:0.6em;
  color:#999;
  margin-left:-3em;
  counter-increment: paragraph;
}

それは正常に動作しますが、問題は、数字がすべて右に揃うように数字を揃える方法がわからないことです。

したがって、代わりに：

7   Content
8   Content
9   Content
10  Content

私は彼らがこのように見えるようにしたい:

 7  Content
 8  Content
 9  Content
10  Content

OL と LI なしでこれを達成する方法はありますか?