JSFiddle - React, Tailwind, and code Playground

by werty1001

HTML

<section>
 <div class="left">
  При таких соперников должно было быть шесть побед в шести матчах. Так что гордится тут нечем. Всех беспокоит, что нет вразумительной командной игры.</div>
 <div class="right">
   Зенит конечно сильнее всех соперников с кем пришлось сыграть в этом году. Но, как правило чемпион и определяется тем, как команда лидер с командами второго эшелона. потому что в рубке между лидерами, как правило выходит примерно равный результат. А кто меньше теряет очков, с командами которые по классу проигрывают, тот и становится чемпионом. так что по мне, зенит молодей. но самые важные и напряженные встречи безусловно впереди.
А качество игры...возможно оно было таким, которого хватило что бы добывать победы. посмотрим чо будет в более принципиальных матчах... 
 </div>  
</section>

CSS

section {position: relative;}
section:after {content: "";display: table;clear: both;} /* clearfix */
section:before {content: "";position: absolute;top:0;bottom:0;left: 0; background-color: #eee;z-index:1;} /* col left background */
section > div {position: relative;float:left;z-index:3;}
section:before, section .left {width: 200px;padding:20px;} /* col left width */
section .right {width: 200px;padding:20px;} /* col right width */