在“：”css处对齐文本？

Question

好的，所以我用html制作了一个属性列表，使用这个方法：

<h3 id="previewDesc">
    <span class="1">Item 1: </span><br>
    <span class="2">2: </span><br>
    <span class="3">Long item:</span>
</h3>

如果可能的话，我希望将它们全部对齐在“：”。最好的方法是什么？ （不一定是css但是更好）