Menu icon Foundation
Text won't break inside the div.

I don't understand why my text is on a single line instead of wrapping inside the container.
I creating a wordpress theme, based on foundation 5; I didn't write any css line for my texts.

That's the code I wrote now:

<?php
/*
Template Name: Blog Page
*/

get_header();
?>

<?php
$args = array('post_per_page' => 10);
$posts = get_posts( $args );
?>
<div class="row">
    <div class="small-12 medium-3 columns">
        <?php dynamic_sidebar( 'left-blog-sidebar' ); ?>
    </div>
    <div class="small-12 medium-6 columns">
        <?php
         foreach($posts as $post):
             setup_postdata( $post ); ?>
             <article post-id="<?php the_ID(); ?>">
                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                <hr />
                 <p><?php the_excerpt(); ?></p>
             </article>
         <?php

         endforeach;
         wp_reset_postdata();
        ?>
    </div>
    <div class="small-12 medium-3 columns">
        <?php dynamic_sidebar( 'right-blog-sidebar' ); ?>
    </div>
</div>
<div class="row">
    <?php
        get_footer();
    ?>
</div>
            

         

7db2gm2

Of cource i won'tuse word-break, whitespace normal etc etc because it should stay inside the div by default.
Any ideas? Thanks a lot.

csswordpressFoundation 5html

I don't understand why my text is on a single line instead of wrapping inside the container.
I creating a wordpress theme, based on foundation 5; I didn't write any css line for my texts.

That's the code I wrote now:

<?php
/*
Template Name: Blog Page
*/

get_header();
?>

<?php
$args = array('post_per_page' => 10);
$posts = get_posts( $args );
?>
<div class="row">
    <div class="small-12 medium-3 columns">
        <?php dynamic_sidebar( 'left-blog-sidebar' ); ?>
    </div>
    <div class="small-12 medium-6 columns">
        <?php
         foreach($posts as $post):
             setup_postdata( $post ); ?>
             <article post-id="<?php the_ID(); ?>">
                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                <hr />
                 <p><?php the_excerpt(); ?></p>
             </article>
         <?php

         endforeach;
         wp_reset_postdata();
        ?>
    </div>
    <div class="small-12 medium-3 columns">
        <?php dynamic_sidebar( 'right-blog-sidebar' ); ?>
    </div>
</div>
<div class="row">
    <?php
        get_footer();
    ?>
</div>
            

         

7db2gm2

Of cource i won'tuse word-break, whitespace normal etc etc because it should stay inside the div by default.
Any ideas? Thanks a lot.