用HTML内联显示元素？

Question

我正在尝试创建一个Web应用程序,在其中我希望这两个字段显示为内联(请查看下面的图像).现在BugID是一个<input>元素,描述是一个<textarea>.目前我有这个:

<div class="some">
  <h3 id="title1">Bug ID:<span class="required">*</span></h3>
  <h3 id="title">Enter Description:<span class="required">*</span></h3>
  <br/>
  <div class="inputs">
  <input size="8" maxlength="8" name="BugID" type="text" id="BugID" placeholder="Bug ID" style="width:100px" />
  <textarea rows="5" id="Summary" name="summary" placeholder="Please Enter a Summary of the Bug" ></textarea>
   </div>
   </div>

而CSS:

.inputs input, textarea{
      display:inline;
}

这是错的吗？我该怎么做？

Answer 1

这是你想要的吗？

   .inputs input, textarea{
          display:inline;
          float:left;

    }