如何使用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

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

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

Answer 2

在Foundation 6.5中，您可以通过以下方式将水平和垂直对齐：

<p class="align-center-middle">Text</p>