I want to make a line next to the scroll text like this
I know how to do dots and such with dashed but not putting everything in d-flex, nor with inline block can I put it like this, next to the text. I almost manage to square it with the cabbage but it doesn't look quite right, since I use hr and I can't apply the dots and square it completely
hr {
border-top: 1px dashed red;
}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="col-4 p-0 m-0">
<span> corona bot 33cl </span>
</div>
<div class="col-4 p-0 m-0">
<hr>
</div>
<div class="col-4 p-0 m-0">
4€
</div>
<div>
I think so if I'm not mistaken?