Проблема в том что когда вставляешь класс C блоки "L" и "R" перестают быть равными по высоте как решить данную проблему
.blok {
position:relative;
width:80%;
right:5%;
left:5%;
padding:1em;
margin:2em 10px 4em;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
height:auto;
}
.blok>.L{width:50%;float: left;}
.blok>.R{float:right;width:50%;}
.blok>.R>.w+.w{margin-top:16px;}
.blok>.L>.w+.w{margin-top:16px;}
.blok>.C{width:100%;}
.blok:before,
.blok:after {
content:"";
position:absolute;
z-index:-2;
}
.blok p {
font-weight:bold;
}
<div class="blok">
<h1 align="center" class="стиль17 стиль18">Наше меню:</h1>
<p align="center" class="стиль17"> </p>
<div class="R">
<table width="100%" border="0" >
<tr>
<td width="auto"><p align="left" class="стиль15">Лапша с бульоном + овощи</p></td>
<td width="auto"> </td>
<td width="auto"><p class="стиль15">= 140 <u>Р</u>.</p></td>
</tr>
<tr>
<td> </td>
<td><p align="center" class="стиль15">+ курица </p>
<p align="center" class="стиль15">+ индейка </p>
<p align="center" class="стиль15">+ свинина </p>
<p align="center" class="стиль15">+ говядина</p>
<p align="center" class="стиль15">+ креветки</p></td>
<td><p class="стиль15">= 190 <u>Р</u>.</p>
<p class="стиль15">= 215 <u>Р</u>.</p>
<p class="стиль15">= 225 <u>Р</u>.</p>
<p class="стиль15">= 240 <u>Р</u>.</p>
<p class="стиль15">= 340 <u>Р</u>.</p></td>
</tr>
</table>
</div>
<div class="L">
<table width="100%" border="0" >
<tr>
<td width="auto"><p align="left" class="стиль15">Жареная лапша + овощи + соус </p></td>
<td width="auto"><p align="center"> </p></td>
<td width="auto"><p class="стиль15">= 190 <u>Р</u>.</p></td>
</tr>
<tr>
<td> </td>
<td><p align="center" class="стиль15">+ грибы (30гр)</p>
<p align="center" class="стиль15">+ курица (60гр) </p>
<p align="center" class="стиль15">+ индейка (60гр)</p>
<p align="center" class="стиль15">+ свинина (60гр)</p>
<p align="center" class="стиль15">+ говядина (60гр)</p>
<p align="center" class="стиль15">+ морепродукты (60гр)</p>
<p align="center" class="стиль15">+ креветки (60гр)</p>
<p align="center" class="стиль15">+ кальмары (с омлетом)</p>
<p align="center" class="стиль15">пад-тай с курицей </p>
<p align="center" class="стиль15">пад-тай с креветками </p></td>
<td><p class="стиль15">= 220 <u>Р</u>.</p>
<p class="стиль15">= 245 <u>Р</u>.</p>
<p class="стиль15">= 265 <u>Р</u>.</p>
<p class="стиль15">= 275 <u>Р</u>.</p>
<p class="стиль15">= 290 <u>Р</u>.</p>
<p class="стиль15">= 345 <u>Р</u>.</p>
<p class="стиль15">= 390 <u>Р</u>.</p>
<p class="стиль15"> = 295 <u>Р</u>.</p>
<p class="стиль15">= 330 <u>Р</u>.</p>
<p class="стиль15">= 450 <u>Р</u>.</p></td>
</tr>
</table>
<p> </p>
</div>
<div class="C">
<p align="center" class="стиль15">Соусы : соевый , терияки , кисло-сладкий , кисло-острый , устричный , острый , соевый . </p>
<p align="left" class="стиль16"> </p>
<p align="left" class="стиль16 стиль15">Готовим ПАД - ТАЙ ! 500гр</p>
<p align="left" class="стиль15">Кисло - сладко - острый вкус . Состав : широкая лапша + курица или креветки ; овощи , орехи , ананас , яйца , </p>
</div>
</div>