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

你只需要将基础的实用程序class添加为

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

Answer 2

在 foundation 6.5 中，您可以使用此对齐水平和垂直：

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

How do I center text inside of a div with Foundation?