Putting title on top of

I am green at HTML, so I am having a bit of difficulty figuring out how to place a label on top of addressBookWidgetDivthat says Select Shipping Address and one top of the walletWidgetDiv that says Select Payment Method. So far everything I have tried puts the text between the 2 boxes, of course, I needed on top. I tried using p and h1 tags with no luck.

These to elements show side by side.

<div style="width: 100%; display: table;">
    <div style="display: table-row">
        <div id="addressBookWidgetDiv" style="width:400px; height:240px; padding-top: 50px;display: table-cell;"> Left </div>         
        <div id="walletWidgetDiv" style="width:400px; padding-left:10px; padding-top: 50px;height:240px;display: table-cell;"> Right </div>
    </div>
</div>

Any ideas? I am new at this so if this is elemental, please forgive.

Thanks.