What needs to be done to make page switches work?

Question

css

Here is how the page switcher is not working.

if I add one more news, then everything moves out. And could you explain the system itself, how these switches work?

</div>
        <div class="dalee">
        <ul><li><a href="<?php the_permalink(); ?>">Продолжение<a href="#"></li></ul>
        </div>
        <div class="news_blog"></div>

  <?php endwhile; ?>
  <nav id="<?php echo $html_id; ?>" class="navigation" role="navigation">
    <?php if ( function_exists( 'wp_pagenavi' ) ) wp_pagenavi(); ?>
</nav><!-- #<?php echo $html_id; ?> .navigation -->
  <?php else: ?>
  <?php endif; ?>

}
.navigation {
  margin-left: 300px;
  margin-top: 20px;
}

Answer 1

To explain how it works, you need to know your level of knowledge.
Yes, and apply some code, for decency, otherwise no one will answer you like that

Answer 2

Well, there is no such thing as a views plugin? Or something to work with blocks, fields, pages. For example, in Drupal, through views, you can display how many news you need on the main page and there will be these switching numbers.

Answer 3

dimox.name/wordpress-pagination-without-a-plugin