JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">  
Я - блок с фоном по двум бортам, высота которого полностью зависит от контента внутри меня. А пользователи, которым лень обновить свой браузер, не увидят мой красивый фон. 
</div>

CSS

.wrap{
width:500px;
height:100%;
padding:0 20px;
margin:0 auto;
position:relative;
border:1px solid #000;
}

.wrap:before{
position:absolute;
left:0;
top:0;
content:'';
width:10px;
height:inherit;
background:#ccc;
}

.wrap:after{
position:absolute;
right:0;
top:0;
content:'';
width:10px;
height:inherit;
background:#222;
}