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