如何让一个div中的两个子div在一行上显示？

看你的意思，是希望左边有标题，右边有个按钮？

如果是这样，你可以用两种布局，分别是浮动布局和定位布局

浮动布局，是用这样的结构

    
标题部分

    由于不知道你的按钮希望要什么样子的，此处如果需要有交互，可以用input元素，如果不需要可以直接使用其他标签做成按钮样式即可

之后是针对h3和span都设置浮动即可，可以为h3设置左浮动 float: left，span设置右浮动float: right

另一种方法是定位

定位布局，就是针对子元素设置绝对定位，父级元素设置相对定位

比如为你的div（父级元素）设置position:relative，对你的子元素（如上的span标签）设置position: absolute，再使用left、top、right、bottom中的合适的属性，针对span进行位置的控制即可

看你貌似是初学者，掌握了HTML标签，也能够书写CSS属性，在实现效果上看上去做的也不错，只不过如果能够知道怎么去合理使用就更好了，可以借助书籍进一步学习一下，字典式呈现的书籍就算了，感兴趣的话可以去看看《HTML5布局之路》里面的讲解，基于行业实际开发工作的标签选择与布局处理。

给两个子div加上display：inline-block就可以在一行显示了