Как подправить правый элемент чтобы не съезжал вниз?

Question

[Darklt]

<li class="list__item">
    <div class="param">
      <span class="param__prop">Вязкость:</span><span class="param__value">30 ч</span>
      
    </div>
  </li>

.item_info ul > li {
    margin: 0px 0px 5px;
    list-style-type: none;
    position: relative;
    width: 100%;
    display: inline-flex;
}
.param {
    line-height: 1.4;
    display: block;
    width: 100%;
}
.param__prop {
    position: relative;
    display: block;
    overflow: hidden;
}
.param__prop:after {
    content: '';
    position: absolute;
    margin-left: 0.3em;
    bottom: 0.35em;
    width: 100%;
    border-bottom: 0.1em dotted;
}
.param__value {
    float: right;
    padding-left: 0.2em;
    display: block;
    text-align: right;
}
 li {
 
    list-style-type: none;
    position: relative;
}

В итоге 30 ч съезжает вниз, а надо чтобы в одной строке были.

Comments

[RAX7]

https://qna.habr.com/q/632630

Answer 1

[Андрей]

Как-то так https://codepen.io/begprod/pen/BaxPpZp?editors=1000