html - liインラインブロックリスト要素間の一定のスペースを増やす方法は?

Question

マージンがすべての方向で同じである場合、インライン ブロック リスト項目には、デフォルトで一定のスペースがあります。私の質問は、CSS を使用する必要がある場合、リスト項目間のこのスペースをどのように増やすことができるかということです。

Answer 1

方法 #1: 2 番目の LI から始めて、margin-left プロパティを増やすことができます: http://jsfiddle.net/Tw4LZ/

方法 #2: UL の word-spacing/letter-spacing をより高い値に変更してから、LI 要素の「通常」に戻します: http://jsfiddle.net/Tw4LZ/1/

Answer 2

試す

font-size: 5em;

インラインブロック要素間のスペースを増やします。

Answer 3

水平パディングで？padding-left:5px、padding-right:5px;

または、相対位置と左からの距離を使用できます。

ul li:nth-child(2) { /* second item */
    position:relative;
    left:5px;
}
ul li:nth-child(3) { /* third item */
    position:relative;
    left:10px;
}
ul li:nth-child(4) { /* fourth item */
    position:relative;
    left:15px;
}

等々...