JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<p>
В пятницу часть матчей третьего круга Уимблдона
была не доиграна из-за дождя, который шёл в Лондоне каждый день,
за исключением вторника. Однако в субботу погода смилостивилась
над игроками, и в преддверии традиционного выходного
дня - Middle Sunday - все матчи были завершены.
Небо оказалось практически безоблачным, и большая часть встреч
прошла под ярким английским солнцем. С учётом насыщенной программы
понедельника - в этот день должны быть сыграны все матчи 1/8 финала
как в мужском, так и в женском одиночном разряде - подобная пауза
в дождях пришлась как нельзя кстати. А со следующего четверга дожди
и вовсе будут не страшны.
</p>
<div class="shadows">
<span class="left-shadow">левая тень</span>
<span class="right-shadow">правая тень</span>
</div>
</div>
<div class="container">
<p>
В пятницу часть матчей третьего круга Уимблдона
была не доиграна из-за дождя, который шёл в Лондоне каждый день,
за исключением вторника. Однако в субботу погода смилостивилась
над игроками, и в преддверии традиционного выходного
дня - Middle Sunday - все матчи были завершены.
Небо оказалось практически безоблачным, и большая часть встреч
прошла под ярким английским солнцем. С учётом насыщенной программы
понедельника - в этот день должны быть сыграны все матчи 1/8 финала
как в мужском, так и в женском одиночном разряде - подобная пауза
в дождях пришлась как нельзя кстати. А со следующего четверга дожди
и вовсе будут не страшны.
</p>
<div class="shadows">
...
CSS
body{
margin:0;
padding:0;
background:#ccc;
}
.container{
background:#fff;
width:100%;
margin:20px 0px;
}
.shadows{
overflow:hidden;
background:green;
width:100%;
}
.left-shadow{
float:left;
width:100px;
height:20px;
background:#000;
color:#fff;
}
.right-shadow{
float:right;
width:100px;
height:20px;
background:#000;
color:#fff;
}