input タグを並べたが隙間が開く→HTMLの改行を無くしてみる

  • ブックマーク

WordPressでショートコードを自作して、inputタグを2つ横に並べるレイアウトにした。

ここで、困ったのが、marginをゼロにしているのに、隙間が生まれる。

どうして?と、泥沼にハマって1時間ぐらい格闘した。ヒントになったのはこちらの記事

改行をなくす。

と、一言だけ書かれていたが、これがビンゴ。

↓ 見やすくするために、こんな風に書いていた。

↓ すると、どうやっても消えない隙間が生まれる。(marginはゼロ)

↓ inputタグの改行を無くして連続して書くと、

<input type="text" name=........ /><input type="text" name=........ />

見事に解決した!

0

無料メルマガ発行中

メルマガも2021年は頑張って書いています。ぜひ登録して読んでくださいね。(無料です)

メールマガジン
無料で購読
メールアドレス *
* 必須項目

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。


Youtube

  • ブックマーク

この記事を書いた人

情報発信ナビゲーター 大東 信仁

情報発信ナビゲーター / 博士課程中退 / ニックネーム : ものくろ / ブロガー / WordPressが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役