Разместить 2 блока рядом (css)

Всем привет.
Нужно разместить в блока рядом как на скрине.
Без табличной верстки.
Чет всяко пробовал, кривизна у меня получается.
Добавлено 23.04.17 в 11:50:33:
ывапр

как пример

<?php
<style>

#line_block1 {
width:47%;
height:auto;

float:left;
border: 0px solid #4E4E4E;
border-top: 0px solid #4E4E4E;
border-bottom: 0px solid #4E4E4E;
text-align: center;
font-size: 16px;
color: #BEBEBE;

}
#line_block2 {
width:47%;
height:auto;

float:right;
border: 0px solid #4E4E4E;
border-top: 0px solid #4E4E4E;
border-bottom: 0px solid #4E4E4E;
text-align: center;
font-size: 16px;
color: #BEBEBE;

}
</style>

<div style="width:100%; height:0px; clear:both;"></div>
<div id="line_block1"> Блок1</div>
<div id="line_block2"> Блок2</div>

<div style="width:100%; height:0px; clear:both;"></div>

?>

<style>
.content { width: 100%; display: table; }
.box { width: 50%; display: table-cell; }
</style>
<div class="content">
<div class="box">left</div>
<div class="box">right</div>
</div>
как то-так

О ужас
Добавлено 23.04.17 в 12:05:46:
.box {
width: 50%;
height: 200px;
float: left;
}

<div class="box">1</div>
<div class="box">2</div>

И в чём ужас? Автор попросил сделать два блока рядом без табличной вёрстки, я сделал. Вписал в css самое главное, если захочет можно будет дороботать.
И в твоём примере контент поплыл

display: table; - это не таблица?

Предстовляеш это называется блочная вёрстка.

Псдц... Серьезно?
"display: table; - Определяет, что элемент является блочной таблицей подобно использованию тега <table>."

Sakamsky, display: inline-block по юзай

Лезет?