如何将文本和无序列表放在同一行

Question

我试图使它们显示在同一行中，但事实并非如此。浮动到左侧的文本很好。但是向右浮动的列表效果不佳。我试图使它们显示在一行中，但仍然不好，它们几乎是行内的。 以下是html代码：

>>> abbreviate(999_994)
'999.99K'
>>> abbreviate(999_995)
'1M'
>>> abbreviate(999_995, precision=3)
'999.995K'
>>> abbreviate(2042, base=1024)
'1.99K'
>>> abbreviate(2043, base=1024)
'2K'

以下是CSS代码：

    <header class="Header">
        <div class="mainHeader">
            <h1>Title</h1>
            <h3>Subtitle</h3>
        </div>

        <div class="subHeader">
            <ul>
                <li>Phone</li>
                <li><a href="#">Email</a></li>
                <li>Address</li>
            </ul>
        </div>
    </header>

Answer 1

.subHeader ul li{ display: inline; }

Answer 2

我刚刚解决了我的问题。通过将文本块宽度设置为48％，并将列表块设置为48％，并内联显示它们。他们现在工作正常。