It seems like I may be either overanalyzing this or overlooking a small detail. The task at hand is to align text in the center within a div using Foundation. Here is the current code that I am working with:
[1]<div class="row">
[2] <div class="small-12 medium-12 large-10 columns">
[3] My Text for Today
[4] </div>
[5]</div>
I have attempted changing line 1 to the following:
<div class="row align-center">
I have tried modifying line 2 to include:
<div class="small-12 medium-12 large-8 columns centered">
I have also replaced line 5 with:
<p class="text-centered">My Text for Today</p>
Despite experimenting with different combinations of the above, I have not been successful.
I am aiming to achieve this without delving into CSS and solely relying on Foundation. How can I center the text "My Text for Today
"?