两个div如何在一行显示

在使用display: inline-block;使两个div显示在一行时，第二个div指数交过，整个div在第二行展示了，如何使第二个div在第一行显示一部分在第二行显示一部分呢

这个如何修改呢

原因：第二行文字太长了
解决方法：1、自提那行，样式里加 max-width: calc(100% - 100px);
2、父级用flex布局

一行显示你可以换个span标签写啥，包含在div里面

用 float 浮动一下试试看

要达到你要的效果，首先，你的结构就要改，就是送货方式 和后面的文字，要在同一个div里面，送货方式 这个用一个div或者span等标签包含，然后这个div或者span 使用左浮动，即：float:left;即可代码大致如下：

<div>
    <div style="float:left;">送货方式：</div>自提或者总到详细地址，追加赏金：<span>25元</span>
</div>

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7737984
• 这篇博客你也可以参考下：div 隐藏和显示
• 这篇博客也不错, 你可以看下div 隐藏和显示