html - 文本不在 div 中呈现

Question

我有以下 CSS:

#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>

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

由于某些原因，段落中的文本未显示。我尝试了各种方法(z-index 等)，但没有用。 我在这里缺少什么？

Answer 1

我忘了我已经将 font-size 的值设置为 0，这就解释了为什么 P 中的文本没有显示。因此，我将 P 元素的字体大小设置为更高的值，这解决了问题。