垂直对齐问题Wordpress帖子

Question

我遇到一些问题，确保我的帖子全部垂直排列，但是当发布更多帖子时，它们似乎正在下降。

以下是说明问题的屏幕截图：

代码如下：

<ul style="list-style-type: none; overflow: auto; height: auto;vertical-align: top;">
  <li style="float: left;background-color:blue;border:1px solid black; padding:10px; vertical-align: top;">
    <div style="background: url(<?php echo $src[0]; ?> ); width: 230px; height: 260px; background-size: cover; background-repeat:no-repeat;">
      <h2 style="margin:0; padding: 0;"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

                                <?php echo get_the_tag_list('<p> | ','&nbsp;&nbsp; | ','</p>'); ?>

</div>
</li>
<ul>