<div>で要素を並べる方法（要素の横幅がまちまちの場合）

要素の横の大きさがまちまちの場合は float を使うとよい

<style>
.d_contents {
   overflow: hidden;
}
.d_item {
   float: left;
   padding: 20px 30px;
   text-align: center;
}
</style>
<div class="d_contents">

<div class=d_item>ポイント残高</div>

<div class=d_item>1001</div>
<div class=d_item>ポイント</div>
</div>