<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>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.