<style>
.container {
width: 100%; /* The container takes up the full width of the screen */
padding: 15px; /* Adds some space inside the container */
}
.column {
width: 50%; /* Each column takes up half the width of the container */
float: left; /* Makes the columns sit next to each other */
}
</style>
<div class="container">
<div class="column">Column 1</div>
<div class="column">Column 2</div>
</div>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.