0

我的网站上有一个部分，我希望看起来像这样：

胜：1 | 2 | 5 | 6

输：3 | 5 | 5

我这样设置标记：

<article class="result_day">
    <p class="win_lose_text">Date: 21/02/2012</p>
        <p class="win_lose_text">Wins: </p>
            <ul>
                <li>1</li>
                <li>1</li>
                <li>1</li>
            </ul>
        <p>lose: </p>
            <ul>
                <li>1</li>
                <li>1</li>
                <li>1</li>
            </ul>
</article>

我尝试将无序列表放入段落标签中，但他们后来研究发现这是无法做到的。这是我的容器CSS：

.result_day
{
    background: rgba(70,70,70,0.3);
    box-shadow: 1px 1px 2px #333333;
    border-radius: 1px;
}

.result_day ul
{
    list-style-type: none;
}

.result_day li
{
    display: inline;
}

我的未排序列表总是在新行上，我希望能够将它与段落标签保持在同一行上。有没有办法做到这一点？也许在 CSS 中有一种方法可以阻止

从新行开始标记？

谢谢您的帮助。

4

1 回答 1

1

适用display: inline于您和ul您的li. 以这个小提琴为例：http: //jsfiddle.net/3nLG5/。

于 2012-12-03T13:54:34.057 回答