Javascript 在一行中显示所有内容

我试着把两个不同的分区放在一排。 我尝试使用display:inline/inline block创建一个新的div，但它们仍然显示在下一行中。 如何使用CSS在一行中显示所有内容

   <div id ="yourwrapper">

    <FORM NAME="myform" ACTION="" METHOD="GET">
    Box Name:
        <SELECT NAME="list1" ID="list1">
               <OPTION>CD1</OPTION>
         </SELECT>   
    <INPUT TYPE="button" NAME="button" VALUE="New" onClick="AddItem1()"/>
    <INPUT TYPE="button" NAME="button" VALUE="Delete" onClick="DeleteItem1()"/>
    <INPUT TYPE="button" NAME="button" VALUE="Copy" onClick="CopyItem1()"/>

  </div>

方框名称：
CD1

试试这个：

#yourwrapper > div{
  float:left;
}

你也可以试试

#yourwrapper {
  whitespace: no-wrap;
}

---

这将告诉css不要包装元素，它们将离开页面

如果计划使用内联元素，请使用span而不是div。要使元素彼此对齐，请使用float:left（最后清除）或display:inline block。

是否尝试将它们浮动？向我们展示你的css。是的，我没有工作。你能展示你的html标记和css吗？你的例子中没有div！？像这样，我尝试了这个CSS，但它不工作太多。请检查myquestion中编辑的代码。我想在一行中显示所有内容尝试了此操作，但不起作用。请检查问题中编辑的代码。我想在一行中显示所有内容。我删除了div并将所有内容都放在一个div中，即yourwrapper。显示完整的代码请检查问题。如果我想在一行中显示所有这些。我怎样才能达到同样的效果。这里有一个文本，然后是一个下拉列表，最后是3个按钮。你能用我的示例问题来说明这个问题吗？这是你的代码，已经在一行了。当我将它添加到其他代码时，它不在一行中。