如何使用 Foundation 将文本居中放置在 div 中？

Question

我觉得我想得太多了或错过了一些小事。我需要使用 Foundation 将文本居中放置在 div 中。这是我目前正在使用的：

[1]<div class="row">
[2]    <div class="small-12 medium-12 large-10 columns">
[3]        My Text for Today
[4]    </div>
[5]</div>

我尝试用以下内容替换第 1 行：

<div class="row align-center">

我尝试用以下内容替换第 2 行：

<div class="small-12 medium-12 large-8 columns centered">

我尝试用以下内容替换第 5 行：

<p class="text-centered">My Text for Today</p>

我已经尝试了以上所有三个的组合，但绝对没有运气。

我试图在没有 CSS 的情况下做到这一点。试图只用 Foundation 来做到这一点。如何使My Text for Today文本居中？

Answer 1

您只需要将基础的实用程序类添加为

<p class="text-center"></p>