JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="item-top item"> текст1 </div>
<div class="item"> текст2 </div>
<div class="item"> текст3 </div>
<div class="item"> текст4 </div>
<div class="item item-bottom"> текст5 </div>

CSS

.item {
    width: 300px;
    margin: 10px auto;
    border: 1px solid red;
}
.item-top {
    border-top: 4px dashed blue;
}
.item-bottom {
    border-bottom: 4px dashed green;
}