0

pxなしでレイアウトを作ろうとしています。body では 100% の font-size を定義しています。ul 要素では、li 要素間の空白を防ぐために font-size を 0 にする必要があり、li 要素には 2.5em の font-size が含まれています。

HTML:

<body><ul id="social"><!-- li elements --></ul></body>

CSS:

body {
    font-size: 100%;
}

#social {
    font-size: 0;
}

#social li {
    font-size: 2.5em;
    display: inline;
}

問題: 2.5em は #social の font-size が 0 に基づいているため、li の font-size も 0 です。私はそれを汚い方法にしたくありません: </li><li>.

助言がありますか？

4

1 に答える 1