<!DOCTYPE html>
<style>
.columns {
line-height: 20px;
height: 200px;
}
.column {
float: left;
width: 50%;
}
</style>
<div class="columns">
<div class="column">
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
</div>
<div class="column">
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
This content should be split into two columns.<br>
</div>
</div>