1. ホーム
  2. html

[解決済み] HTMLの<FORM>をインラインで表示するには?

2023-03-20 10:02:42

質問

これはおそらく基本的なhtml/cssの質問です...。

私は段落のテキストの中にインラインで表示したい単純な1つのボタンのフォームを持っています。

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