表示アイテムがリストアイテムに設定されているときに箇条書きが表示されない

Question

表示アイテムをリストアイテムに明示的に設定したときに何らかの理由でタグを使用して箇条書きを表示できず、

CSS（ディスクはどちらか動作しませんでした）：

#page1 dd 
{ 

    display: list-item; 
    list-style-type: square; 
} 

をHTML：

 <dl> 

     <dt>How does the game work? </dt>   
     <dd>It provides a process - a way to ask questions and find consensus-building answers through an interactive, web-based simulation.</dd> 
     <dd>It creates a common language for discussing issues. </dd> 
     <dd>It moves the conversation from an individual view to a systemic one. </dd> 
     </dl> 

は、ここでは、ブラウザで次のようになります。コードに干渉している可能性のあるアイデアはどれも、ファイアバグでは正しく適用されているように見えますが、その効果は見えません。

Answer 1

あなただけの弾丸が表示するにはある程度の余裕を与える必要があります。

http://jsfiddle.net/BPMWP/2/

dd { 
    display: list-item; 
    list-style-type: square; 
    margin-left:20px; 
    } 

display:list-itemプロパティがulまたはolデフォルトCSSを持っていません。あなたが明示的に項目をインデントしない限り、それは弾を隠します。

これは実際には分かりにくい痛みでした。要素hereを調べることは私のためにそれを解決したものです。良い質問！