引导程序中密钥对值的左右对齐

Question

可以说我有以下几点：

        <div class="card">
            <ul class="list-group list-group-flush ">
                <li class="list-group-item" style="border: none;">
                    <strong>Something</strong> : 12333434
                </li>
                <li class="list-group-item" style="border: none">
                    <strong>Something else</strong>: 2837487248723847283
                </li>
                <li class="list-group-item" style="border: none">
                    <strong>Some other stuff</strong>: 123442342423423
                </li>
            </ul>
        </div>

以上在浏览器中如下所示：

但是理想情况下，我希望它看起来像下面这样（忽略字体更改。我只关心对齐方式）：

这意味着左侧与右侧对齐，而右侧文本与左侧对齐。我怎样才能在引导程序中实现这一目标？

Answer 1

使用inline-block这个可以实现。默认strong是inline。

strong{
  display:inline-block;
  width:200px;
  text-align:right;
}

这是小提琴链接