Подскажите как сверстать полоску? Не соображу, длина теста разная будет. [*]https://prnt.sc/ou4yez

Reh, выглядит жутко убого
может лучше бутстрапной мини табличкой ограничиться?
https://bootstrap-4.ru/docs/4.3.1/content/t...es/#small-table


_____________
Стимулятор ~yoomoney - 41001303250491

Убого не убого, суть не меняет. Нужно так. Я саму логику не пойму как это сверстать, ширина то разная крайних, поидее бы сделать средний блок чтобы ширину менял и подчеркивание, но не пойму как сделать это на css

<?php
$newarr =  ['Вес'=>'20,5г',
            'Длина'=>'110мм',
            'Заглубление'=>'7м',
            'Плавучесть'=>'Плавающий',
            'Цвет'=>'С111',
            'Тип'=>'Минноу',
            ];
?>
<style>
.row-bordered {
  position: relative;
}

.row-bordered:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ccc;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
}
</style>
<div class="col-md-2">
<?php foreach ($newarr as $key=>$value) {?>
<div class="row row-bordered">
    <div class="col">
        <?=$key?>
    </div>
    <div class="col-md-auto">
    </div>
    <div class="col text-right">
        <?=$value?>
    </div>
</div>
<?php } ?>
</div>
<br />

<div class="col-md-2">
<?php foreach ($newarr as $key=>$value) {?>
<div class="row">
    <div class="col-md-auto mr-0">
        <?=$key?>
    </div>
    <div class="col pl-0 pr-0">
    <hr />
    </div>
    <div class="col-md-auto ml-0 text-right">
        <?=$value?>
    </div>
</div>
<?php } ?>
</div>
<br />

_____________
Стимулятор ~yoomoney - 41001303250491