カテゴリを右端に移動し、残りの記事をHTMLの左側に残します

Question

私は基本的なブログのウェブサイトを持っており、カテゴリを右端に移動してお互いに提示したいと思います。そして、残りのスペースでは、私の記事を表示したいと思います。

<main> 
 
    <div class="container body-content "> 
 
    <div class="row"> 
 
     <!--"style=width: 100%;"--> 
 

 
     <div class="col-md-8" th:each="article : ${articles}" style="float: left;"> <!--"style=width: 90%;"--> 
 
     <header> 
 
      <h2> 
 
      <a th:href="@{/article/{id}(id=${article.id})}" th:text="${article.name}"> 
 
      </a> 
 
      </h2> 
 
     </header> 
 
     </div> 
 

 

 
     <div class="col-md-4" th:each="category : ${categories}" style="float: right;"> 
 
     <header> 
 
      <h2> 
 
      <a th:href="@{/category/{id}(id=${category.id})}" th:text="${category.name + ' (' + #sets.size(category.articles) + ')'}"> 
 
      </a> 
 
      </h2> 
 
     </header> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</main>

それは働いていません。それはページの真ん中に2列3列のすべての私の6つのカテゴリを示しています。

私はこれがあります。https://imgur.com/Au5NbH4 私は何をしないのです。私はこれをしたいhttps://imgur.com/5Q1yuLH

を？

Answer 1

< divタグを変更して修正しました。助けをお寄せいただきありがとうございます