html - 3个ul在一行中，如何证明在div顶部开始？

Question

我有 3 个 ul 列表与 Bootstrap 类在线显示。 每个 ul 通过 Razor Engine foreach 从 db 获取一些链接，并且这些数据的数量不相等。我怎么能证明他们喜欢这张图片呢？

演示:http://jsfiddle.net/rygu8pqd/

                                        <ul style="text-align:center;list-style-type:none;">
                                            <li >
                                               <a>item1</a>
                                            </li>
                                            <li >
                                               <a>item1</a>
                                            </li>
                                        </ul>

                                </li>
                            </ul>
                            <ul style="border-right:2px red solid;border-left:2px red solid; text-align: center; list-style-type: none; display: inline-block" class="list-group ">


                                <li class="list-group-item">

                                        <ul style="text-align:center;list-style-type:none;">
                                            <li >
                                                <a>item2</a>
                                            </li>
                                            <li >
                                                <a>item2</a>
                                            </li>
                                             <li >
                                                <a>item2</a>
                                            </li>
                                        </ul>

                                </li>

                            </ul>
                            <ul style="text-align: center; list-style-type: none; display: inline-block" class="list-group">

                                <li class="list-group-item">

                                        <ul style="text-align:center;list-style-type:none;padding-top:15px;">
                                            <li>
                                               <a>item3</a>
                                            </li>
                                             <li>
                                               <a>item3</a>
                                            </li>
                                             <li>
                                               <a>item3</a>
                                            </li>
                                             <li>
                                               <a>item3</a>
                                            </li>
                                        </ul>

                                </li>
                            </ul>

Answer 1

提供以下 CSS 作品:

ul {vertical-align: top;}

预览

fiddle :http://jsfiddle.net/praveenscience/7bd1vh87/