如何在带有Foundation的div中居中显示文本？

<div class="container">
  <p class="text-center">居中显示的文本</p>
</div>

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 其他样式 */
}
</style>

<div class="container">
  <p class="text-center">居中显示的文本</p>
</div>

<style>
.container {
  text-align: center;
  /* 其他样式 */
}

.text-center {
  display: inline-block;
}
</style>