CSS样式设置了不换行，图文重合，如何分离？

CSS样式设置了不换行，图文重合，如何分离？
设置的样式可以看图，
希望各位看下我的问题
如果可以请各位留言解答，谢谢

你这写的...浮动设置的意义不明，也不明白想设置宽度为什么还把display设置为inline行内元素，应该设置为inline-block行内块元素

用弹性盒子吧

<div class="box">
  <div class="text-line">是否有效</div>
  <div class="icon-line">
    <div class="up">上</div>
    <div class="down">下</div>
 </div>
</div>

.box {
display: flex;
align-items: center;
}

.icon-line{
display: flex;
flex-direction: column;
margin-left: 8px;
}