<div>で要素を並べる方法（要素の幅をそろえたい場合）

要素の横幅をそろえたいときは　display : flex を使う

<style>
.d_contents2 {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}
.d_item2 {
   width: calc(100% / 3);
   padding: 0px 0px;
   text-align: center;
}
</style>

<div>ポイント履歴</div>
<div class="d_contents2">

<div class=d_item2>日付</div>
<div class=d_item2>摘要</div>
<div class=d_item2>ポイント</div>

<div class=d_item2>2022年1月15日(土)</div>
<div class=d_item2>新横浜駅・太尾堤緑道・大倉山梅林・大倉山駅ハイキングの下見</div>
<div class=d_item2>1</div>

<div class=d_item2>2022年3月19日(土)</div>
<div class=d_item2>銀河探検隊（現地調査）</div>
<div class=d_item2>1000</div>

</div>