Untitled

#balances {
font-family:Lato;
background-color:#00253F;
color:#FFFFFF;
font-size:28px;
padding-left:15px;
font-weight:bold;
padding-right:10px;
padding-top:15px;
height:130px;
width:52%;
float:left;
}

#transact {
font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
background-color:#00253F;
color:#FFFFFF;
font-size:28px;
padding-left:15px;
font-weight:bold;
padding-right:10px;
padding-top:15px;
height:130px;
width:52%;
float:left;
}

<body>
 <div id="main-page-content">
      <div id="balances">
   <u>Balances</u>
     <div class="total-balance">Total Balance</div>
<div class="balance">Balance:
    <a href="#" class="button"/>Deposit</a>
    <a href="#" class="button"/>Withdraw</a></div>
        <div class="fbalance">
    <a href="#" class="button"/>Deposit</a>
    <a href="#" class="button"/>Withdraw</a> </div>
</div>
<div id="transact">

</div>
</body>