<div class="box">
<p>1</p>
<p>ТОВАР</p>
</div>
<div class="box">
<p>2</p>
<p>ТОВАР</p>
</div>
<div class="box">
<p>3</p>
<p>ТОВАР</p>
</div>
<div class="box">
<p>4</p>
<p>ТОВАР</p>
</div>
<div class="box">
<p>5</p>
<p>ТОВАР</p>
</div>
* {
margin: 0;
padding: 0;
}
.box {
width: 40%;
background: 0% 86% / 6px 8px repeat-x radial-gradient(#3c3c3c 1px, #fff 0px);
display:flex;
justify-content: space-between;
}
p {
width: fit-content;
background: white;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.