如何将HTML<FORM>显示为内联元素?

<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> <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> 

需要注意的是css样式属性 <form>

display:inline!important;

根据 HTML spec <form> 和 <p> 是块元素,不能嵌套它们。也许更换 <p>; <span> 会为你工作吗?

编辑: <p>; 元素中不允许任何块内容,如所指定的 HTML spec for paragraphs .

添加内联包装器。

<div style='display:flex'>
<form>
 <p>Read this sentence</p>
 <input type='submit' value='or push this button' />
</form>
<div>
    <p>Message here</p>
</div>

     <pre>
     <p>Read this sentence  <input  type='submit' value='or push this button'/></p>
     </pre>