HTML-CSS：在输入字段之前避免下一行

Question

A有一个主题，我正在进行更改 我的代码如下：

<div class="box four last">
    <!-- box title-->
    <h5>
        <a href="products.html">SEND QUERY</a>
    </h5>
    <!-- text-->
    <p>
        <!--Text Here-->                
    </p>
    <a href="#" title="" class="small_button">Read More</a>
</div>

我想在这里写文字的地方插入一个表格 所以我在那里插入以下代码：

<form action="mail.php" method="POST" style="display:inline;">
    <div><label>Name:</label> <input type="text" name="name"></div>
    Email: <input type="text" name="email">
    Phone: <input type="text" name="phone">
    Website:<input type="text" name="website">
    Message:<textarea name="message" rows="6" cols="25"></textarea><br />
    <input type="submit" value="Send">
    <input type="reset" value="Clear">
</form>

这是我得到的输出： （最后一个 - 发送查询）

参见下文，输入字段出现在下一行，但我想要的是它出现在文本前面（例如Name: <textfield>）
因此，我可以通过缩短约50％的时间来最小化表单长度，以便与其他东西一起使用

我尝试了什么：我认为它与“最后一个方框”有关，所以我搜索了所有css文件中的确切字符串但是找不到，但是我发现了很多'盒子'，'四'等等。所有那些主要只有所描述的宽度。我也尝试删除div标签，但它使情况变得更糟，我也尝试在标签中添加内联属性。

有1个相关的CSS文件：

<link rel="stylesheet" type="text/css" href="css/style.css" />

stlye.css - ＆gt; http://jsfiddle.net/4sEhE/2/

更新1 在style.css中，我发现了这个：

/* Four*/.box.four{width:220px; }/*

更新2 即使我减小了输入的宽度（通过在css文件的末尾添加更多内容），输入字段也会出现在下一行：P

Answer 1

不确定您是否遵循以下演示中的相同结构

OLD演示。 http://jsbin.com/yotirifo/1/

更新了演示http://jsfiddle.net/kheema/4sEhE/20/