html - 如何用垂直对齐的文本制作列表？

我试图使用垂直对齐的文本进行列出，但是无论我进行了多少尝试和搜索，我都无法做到。那么，如何使用twitter bootstrap达到以下结果？

                                   Ahmed: what's your name?
                                   Bob: ahmed
                                   Cate: ok!

目前，我似乎无法解决此问题。

                              Ahmed: what's your name?
                                   Bob: ahmed
                                    Cate: ok!

HTML：

<div class="container-fluid" align="center">
    <div class="jumbotron">
        <ul style="list-style-type: none; vertical-align: middle;">

            <li><h5><strong>Ahmed and his friends</h5></li>
            <li><h5><strong>life is good</h5></li>

        </ul>

    </div>
</div>

最佳答案

您需要做的是将ul标签放在页面中间，并且li向左对齐

在CSS中，您可以尝试将右侧的项目对齐：

ul {
  margin-left:35%;
}

li {
    text-align:left;
}