JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page" id="page2" >

	<div data-role="content" align="top" style="padding:0 !important;border: solid 1px red;">  
	        <table border="0" align="CENTER" cellspacing="0" width="100%" style="vertical-align: text-bottom;">
	        <tr>
	        <td>
	            <div id="question" class="question">
	            <Style>
	                #question{
	                  font:10px;
	                }
	            </style>        
	            </div>
	        </td></tr><tr>
	        <td style="text-align:center;">
	            <div class="ui-grid-b" >
	                <div class="ui-block-a"><button id="button1" type="submit" data-theme="c" style="font-size:0.8em;">Button1</button></div>
	                <div class="ui-block-b"><button id="button2" type="submit" data-theme="c" style="font-size:0.8em;">Button2</button></div>   
	                <div class="ui-block-c"><button id="button3" type="submit" data-theme="c" style="font-size:0.8em;">Button3</button></div>  
	            </div>
	        </td>
	        </tr>
	        </table>
	    <!--/div-->
	</div>

	</div>