Centering in table

by Phil T

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<br/><br/>
<div class="ui-grid-b" style="display: table;width: 100%;border-style: solid;">
  <div class="ui-block-a" style="text-align:center;">
    <button style="color:#000;background-color:#00b2ee" class="ui-btn ui-shadow ui-corner-all" type="button">Blue Button</button>
  </div>
  <div class="ui-block-b " style="text-align:center;display: table-cell;">Middle Column Text</div>
  <div class="ui-block-c" style="text-align:center;"><a href="#" class="ui-link">Sample Link Text</a></div>
</div>

CSS

div {}