如何在冒号后对齐文本

Question

我想在每行的冒号后面对齐几行文字，所以它目前看起来像：

您的会员号码是：123456789
您访问网站的临时PIN码是：1234

我希望它看起来像：

您的会员号码是：123456789
您访问网站的临时PIN码是：1234

是否可以在不使用表的情况下执行此操作？

亲切的问候

Answer 1

您可以使用HTML执行此操作：

<div>
    <span class="col1">Your Membership Number is:</span>
    <span>123456789</span>
</div>
<div>
    <span class="col1">Your temporary PIN for website access is:</span>
    <span>1234</span>
</div>  

和css是这样的：

.col1 {
width: 300px;
float: left;
}