How to distribute 9 topics in 3 columns in wordpress theme loop?

How to distribute 9 topics in 3 columns in wordpress theme loop?
For knowing I linked the loop to wordpress posts, but all the posts are in the same position.

<div id="topicsdiv">
            <?php if(have_posts()) : ?>
            <?php while(have_posts()) : the_post(); ?>
            <div id="topic1div">
            <a href=""><img class="topic1" src="<?php bloginfo('template_url'); ?>/images/topic1.jpg" alt="topic1"></a>
            <a href=""><img class="section1button" src="<?php bloginfo('template_url'); ?>/images/section1-button.jpg" alt="section1"></a>
            <img class="topicdark" src="<?php bloginfo('template_url'); ?>/images/topic-dark-bar.png" alt="dark">
            <a href=""><p class="section1text"></p></a>
            <a href="<?php the_permalink(); ?>"><p class="topic1text"><?php the_title(); ?></p></a>

            </div> 
            <?php endwhile; ?>
            <?php else : ?>
            <p> Sorry! No posts found. </p>
            <?php endif; ?>

Read more here: How to distribute 9 topics in 3 columns in wordpress theme loop?

Leave a Reply

Your email address will not be published. Required fields are marked *