如何将HTML <FORM>显示为内联元素？
这可能是一个基本的HTML / CSS的问题…
我有一个简单的一键式表单，我想在段落文本中内联显示。
<p>Read this sentence <form style='display:inline;'> <input style='display:inline;' type='submit' value='or push this button'/> </form>. </p> 即使表单具有style = display：inline属性，我在表单之前得到一个换行符。 有没有办法摆脱它？
可以形成元素出现在<p>里面吗？
将表单标记移动到段落外部，并将边距/填充设置为零：
<form style="margin: 0; padding: 0;"> <p> Read this sentence <input style="display: inline;" type="submit" value="or push this button" /> </p> </form>
<form>不能进去<p> ，没有。 当浏览器打开<form>标签时，它会突然closures你的<p>元素，因为它试图处理它认为是未封闭的段落元素：
<p>Read this sentence </p><form style='display:inline;'>
你可以试试这个代码：
<form action="#" method="get" id="login" style=" display:inline!important;"> <label for='User'>User:</label> <input type='text' name='User' id='User'> <label for='password'>Password:</label><input type='password' name='password' id='password'> <input type="submit" name="log" id="log" class="botton" value="Login" /> </form>
需要注意的是<form>标签中的CSS样式属性。
display:inline!important;
根据HTML规范 ， <form>和<p>都是块元素，你不能嵌套它们。 也许用<span>replace<p> <span>会对你有用吗？
编辑：对不起。 我的措辞很快。 <p>元素不允许在HTML规范中为段落指定任何块内容。
你可以完成你想要的，我想，只需在该段落中包含提交button：
<pre> <p>Read this sentence <input type='submit' value='or push this button'/></p> </pre>
只需使用这种方式float: left ：
<p style="float: left"> Lorem Ipsum </p> <form style="float: left"> <input type='submit'/> </form> <p style="float: left"> Lorem Ipsum </p>
