html/cssでダッシュを埋めて

Question

私のウェブサイトにユーザー管理ブロックがあり、そこにビット情報を表示しようとしています。
私は絵を使った例よりも優れたものはないと思います。

そして、これは私が見えるようにブロックする方法である：
これは、ブロックが今どのように見えるかです

はそれを行うために何か良い方法はありますか？これらのダッシュを手動で追加しましたが、これは私が探している方法ではありません。私はそれに反応したいです。ここで

は、ブロック符号である：

<div class="account-box"> 
 
\t Welcome, guess. <br> 
 
\t <hr> 
 
\t Coins: <span style="float: right;">0</span> <br> 
 
\t Points: <span style="float: right;">0</span> <br> 
 
\t Total Referrals: <span style="float: right;">0</span> <br> 
 
\t <hr> 
 
\t Logged as [username] <span style="text-align: right;"><a href="/logout" class="btn btn-xs btn-danger"><span class="fa fa-sign-out fa-fw"></span>Logout</a></span> 
 
</div>

Answer 1

私は最近、似た何かをしなければなりませんでした。ここに私が思い付いたものです：

.entry { 
 
    display: flex; 
 
    align-items: center; 
 
} 
 
.entry>.spacer { 
 
    flex-grow: 1; 
 
    border-bottom: 1px dashed currentColor; 
 
    margin: 4px; 
 
}

<div class="entry"> 
 
    Label: 
 
    <ins class="spacer"></ins> 
 
    123 
 
</div>

必要に応じて調整します！