JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holder">
    <div class="box quote">text</div>
    <div class="box lorem">text</div>
    <div class="box">text</div>
    <div class="box">text</div>
    <div class="box">text</div>
</div>

CSS

body{background:#f0f;}
.holder{
    background:#fff;
    border:4px solid #0ff;
    margin:20px auto;
    padding:0 10px;
    width:200px;
}
.box{border-bottom:4px solid #999;}
.quote{
    margin:0 -10px;
    padding:0 10px;
    width:200px;
}
.lorem{
    margin:0 -5px;
    padding:0 5px;
    width:200px;
}