JSFiddle - React, Tailwind, and code Playground
HTML
<div class="plateBlock">
<div class="plateBox">
<div class="plateContent">
<h2>Header</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id purus purus, bibendum gravida mauris. Mauris urna lacus, pellentesque ac suscipit in, aliquet non nulla. Pellentesque vehicula augue at dolor hendrerit gravida commodo turpis tristique. Praesent vitae neque non nulla venenatis pellentesque ac ac odio. Quisque et dolor ultricies ante adipiscing egestas vitae quis metus. Sed sed nibh non dolor tempor pellentesque in eu ipsum. Donec a ipsum ut lorem gravida ullamcorper. </p>
<p>Vestibulum id eleifend felis. Nunc congue volutpat placerat. Donec rhoncus nisi a felis semper fermentum. Vivamus rhoncus erat nec purus ultricies feugiat. Duis orci nisi, dictum eget accumsan ut, facilisis at nulla. Vivamus tincidunt, dui eget convallis fermentum, turpis purus interdum velit, ac tempus eros mi quis ligula. Nullam sed elementum diam. Mauris at elit condimentum tortor fringilla volutpat. Suspendisse potenti. </p>
</div>
<div class="subPlate help">
<div class="plateContent">
<p>Ut eget nulla non ligula iaculis accumsan. Morbi justo arcu, egestas in vehicula vel, convallis eget justo. Ut iaculis mollis mauris ut viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non enim sed magna accumsan interdum id nec elit. Nunc aliquam risus ut sem lacinia tempor.</p>
</div>
</div>
</div>
</div>
<div class="plateBlock">
<div class="plateBox">
<div class="plateContent">
<h2>Header</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id purus purus, bibendum gravida mauris. Mauris urna lacus, pellentesque ac suscipit in, aliquet non nulla. Pellentesque vehicula augue at dolor hendrerit gravida commodo turpis tristique. Praesent vitae neque non nulla venenatis pellentesque ac ac...
CSS
body
{
font: normal 10pt tahoma;
margin: 15px;
}
h2 { font: normal 14pt tahoma; }
h2:not(:first-child) { margin-top: 30px }
.plateBlock
{
background: #e6e6e6;
border-radius: 5px;
margin: 15px 0px;
}
.plateBox
{
overflow: hidden;
}
.plateContent
{
margin: 15px 0px;
padding: 0px 15px;
}
.subPlate
{
background: #ccc;
overflow: hidden;
border-radius: 5px;
}
.subPlate.help
{
padding-left: 55px;
}
.subPlate.help::before
{
content: "?";
float: left;
text-align: center;
width: 70px;
margin-left: -55px;
font: bold 55pt tahoma;
color: #e6e6e6;
}
.plateContent + .subPlate
{
border-radius: 0px 0px 5px 5px;
}