单行文本而不是换行

Question

I don't understand why my text is on a single line instead of wrapping inside the container.

My theme is based on foundation 5 and 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>

link to page: tinyurl.com/ttttt6577

Any ideas? Thanks a lot.

Answer 1

I think you must consider this idea.

1.) Be sure that the parent element has a width lesser than the window screen width. 2.) Be sure that the text you have added in not continous, I mean the words are separated with space.