テキストは、私はCSSを以下しているのdiv

Question

でのレンダリングではない：

#navigation { 
 
    background-color: #ededed; 
 
    text-align: center; 
 
    margin: 0; 
 
    font-size: 0; 
 
} 
 

 
#meet { 
 
    position: relative; 
 
    z-index: 1; 
 
    display: inline-block; 
 
    background-color: #088A85; 
 
    width: 300px; 
 
    height: 90px; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
#meet p { 
 
    z-index: 3; 
 
    background-color: #000000; 
 
    text-align: center; 
 
    color: 
 
} 
 

 
#meet a, #develop a, #beinformed a{ 
 
    color: #ffffff; 
 
    text-decoration: none; 
 
} 
 

 

 
.council { 
 
    background-image: url(council.png); 
 
}

そしてHTMLコード以下：何らかの理由で

<div id="navigation"> 
 
<div id="meet"> 
 
<p>THIS TEXT IS NOT SHOWN</p> 
 

 
\t <span class="button council"> 
 
\t <a href="djfdf">council</a> 
 
\t </span> 
 
\t <span class="button tacticalgroup"> 
 
\t <a href="dfkl">tactical group</a> 
 
\t </span> 
 
\t 
 
</div>

内のテキストをパラグルaphは表示されません。私は様々なことを試しましたが（z-indexなど）、動作しません。 私はここで何が欠けていますか？

Answer 1

私はfont-sizeを0の値にしていたことを忘れていました。それは、Pのテキストが表示されない理由をすべて説明しています。したがって、私はP要素の要素のフォントサイズをより高い値に設定し、それが問題を解決しました。