如何在文章页面中设置表格样式？

Question

我在phpMyAdmin中导入了一个包含文章的数据库。我希望它受到监管，以自动在文章页面中发布图像，标题和内容。并在点击时将其指向另一个页面。

但是在渲染文章页面时，第二行有两列偏移。我认为这是前2篇文章的内容，因为我做了另外一个内容很少的表，然后它完全呈现我想要的方式（一行包含3篇文章，它下面没有偏移）。我在这里新手，随时可以建议是否有更好的方法。我真的很感激。谢谢！

<div class="blogs-2" id="blogs-2">
  <div class="container">
    <div class="row">
      <div class="col-md-10">
        <div class="row">
          <?php
					$sql = "SELECT * FROM news LIMIT 20";
					$result= $DBcon->query($sql);
					if ($result->num_rows > 0) {
						while ($row = $result->fetch_assoc()) {
					?>
            <div class="col-md-4" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0; ">
              <div class="card card-plain card-blog" style="max-height:300px;float:left;">
                <div class="card-image">
                  <a href="../news/article.php?id=<?php echo $row['id']; ?>">
									<img class="img img-raised" src="<?php header("Content-type: image/png"); echo $row['featured_image'] ?>" style="max-height:300px;" />
								</a>
                </div>
                <div class="card-content">
                  <h4 class="card-title">
                    <a href="../news/article.php?id=<?php echo $row['id']; ?>">
                      <?php echo $row['title']; ?>
                    </a>
                  </h4>
                  <p class="card-description" style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;">
                    <?php echo $row['content']; ?>
                  </p>
                  <p class="card-description">
                    <a href="../news/article.php?id=<?php echo $row['id']; ?>"> Read More </a>
                  </p>
                </div>
              </div>
            </div>

            <?php
						}
					}
					else {
						echo "<p>No News Articles to Display</p>";
					}
					?>
        </div>
      </div>
      <div class="col-md-2">
        <h4 class="title">Recent News</h4>
        <ul>
          <?php
					$sql = "SELECT * FROM news LIMIT 5";
					$result= $DBcon->query($sql);
					if ($result->num_rows > 0) {
						while ($row = $result->fetch_assoc()) {
							echo "<li style='list-style:none;color:black;padding-top:5px;padding-bottom:5px;'><a href='../news/article.php?id={$row['id']}'>" .$row['title']. "</a></li>";
						}
					}
					else {
						echo "<li style='list-style:none;'>No Recent News</li>";
					}
					?>
        </ul>
      </div>
    </div><!--row-->
  </div><!--container-->
</div><!--blogs-->