箇条書きのポイントを水平リストに変換するにはどうすればよいですか？

Question

横のリストにディスクの箇条書きを表示したい。

CSSで定義した後：display: inline;、クラス定義：list-style-type: discは機能しません。

だからこれは私の解決策されています：

   <ul> 
        <li>· EN</li> 
        <li>· ES</li> 
        <li>· ES</li> 
        <li>· DE</li> 
        <li>· FR</li> 
       </ul> 

私は私の横のリストに手動でシンボルディスク箇条書きを入れているし、私は私の頭のセクションのことを宣言している：<meta http-equiv="content-type" content="text/html;charset=utf-8" />。

私のcodaエディタのプレビューでは、見栄えがよく見えますが、ブラウザで試してみると これが表示されます。

なぜですか？どうすれば問題を把握できますか？それ以外の場合は、水平方向のリストにディスクの箇条書きポイントを表示する最適なソリューションは何ですか？

Answer 1

の代わりにあなたのliあなたがブロックとしてそれらを維持し、この操作を行う可能性があるためdisplay:inlineを選択：

li { 
    float:left; 
} 

次にあなたが必要とどのようにスペースに余裕でそれらを再生することができます。

Answer 2

表示を試してみてください：インラインブロック

CSS

ul li{ 
    display:inline-block; 
} 

IE6とIE7で動作するように：

CSS

ul li{ 
    display:inline-block; 
    zoom:1; 
} 

Answer 3

あなたのアプローチの問題は2倍です。まず、あなたが使っている文字 "・"は、弾丸ではありません。主にテキストの区切り文字として、複数の使用法を持つMIDDLE DOTです。 「BULLET」文字が適しています。第2に、あなたはUTF-8を宣言していますが、実際にはUTF-8でエンコードする必要があります。明らかに（おそらくここから見ればおそらくwindows-1252がエンコードされています）。

エンコードの問題の解決策を必要としないクイックフィックスとして、実体参照•を使用してBULLETを書くことができます。 <li>&bull;&nbsp;EN</li>。

他のアプローチもあります。しかし、display: inlineを設定した場合、ブラウザでは箇条書きは生成されません。そのような場合は、display: list-itemという要素に対してのみ行われます。要素コンテンツに箇条書きを含めるか、生成されたコンテンツを使用する必要があります（:before擬似要素を使用）。