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;
}

私の unodered リストは常に新しい行にあります。段落タグと同じ行に保持できるようにしたいと考えています。これを行う方法はありますか？たぶん、CSSに停止する方法があります

タグは改行から始まりますか?

助けてくれてありがとう。

4

1 に答える 1

1

あなたとあなたの両方に適用display: inlineします。例として、このフィドルを参照してください: http://jsfiddle.net/3nLG5/。ulli

于 2012-12-03T13:54:34.057 に答える