สอบถามเรื่องการสร้างตารางสองตาราง ให้อยู่ในบรรทัดเดียวกัน

<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1>Bootstrap Grid system</h1>
				</div>
				<div class="col-md-6">
					<table class="table"> 
						<thead> 
							<tr> 
								<th>#</th> 
								<th>First Name</th> 
								<th>Last Name</th> 
								<th>Username</th> 
							</tr> 
						</thead> 
						<tbody> 
							<tr> 
								<th scope="row">1</th> 
									<td>Mark</td> 
									<td>Otto</td> 
									<td>@mdo</td> 
							</tr> 
							<tr> 
								<th scope="row">2</th> 
								<td>Jacob</td> 
								<td>Thornton</td> 
								<td>@fat</td> 
							</tr> 
						</tbody> 
					</table>
				</div>
				<div class="col-md-6">
					<table class="table"> 
						<thead> 
							<tr> 
								<th>#</th> 
								<th>First Name</th> 
								<th>Last Name</th> 
								<th>Username</th> 
							</tr> 
						</thead> 
						<tbody> 
							<tr> 
								<th scope="row">1</th> 
									<td>Mark</td> 
									<td>Otto</td> 
									<td>@mdo</td> 
							</tr> 
							<tr> 
								<th scope="row">2</th> 
								<td>Jacob</td> 
								<td>Thornton</td> 
								<td>@fat</td> 
							</tr> 
						</tbody> 
					</table>
				</div>
			</div>
		</div>

.floatLeft { width: 50%; float: left; }
.floatRight {width: 50%; float: right; }
.container { overflow: hidden; }

<div class="container">
<div class="floatLeft">
<tr><table>
<tr><td class="box3_t">TEXT HERE
<tr><td class="box3_b"></td></tr>
</td></tr></table>
</div>

<div class="floatRight">
<tr><table>
<tr><td class="box4_t">TEXT HERE
<tr><td class="box4_b"></td></tr>
</td></tr></table>
</div>
</div>