@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');
	* {
		font-family: 'Open Sans', sans-serif;
		margin: 0;
		box-sizing: border-box;
	.clr {clear: both; padding: 0 30px;}
	.col-6 {width: calc(50% - 15px); padding: 15px;}
	.pull-left {float: left;}
	.pull-right {float: right;}
	h1 {
		font-size: 30px;
		padding-bottom: 25px;

<div class="clr">
	<div class="col-6 pull-left">
		<h1>Table with table tag</h1>
		<table style="border: 1px solid #333;">
				<td>Table cell</td>
	<div class="col-6 pull-right">
		<h1>Table with div tag and css</h1>
		<div style="display: table; border: 1px solid #333">
			<div style="display: table-row">
				<div style="display: table-cell">Table cell</div>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.