WordPressでショートコードを自作して、inputタグを2つ横に並べるレイアウトにした。
ここで、困ったのが、marginをゼロにしているのに、隙間が生まれる。
どうして?と、泥沼にハマって1時間ぐらい格闘した。ヒントになったのはこちらの記事。
改行をなくす。
と、一言だけ書かれていたが、これがビンゴ。
↓ 見やすくするために、こんな風に書いていた。
![](https://mono96.jp/wp-content/uploads/2021/01/205cc08e11f3704e858253f04ec2b25f.png)
![](https://mono96.jp/wp-content/uploads/2021/01/205cc08e11f3704e858253f04ec2b25f.png)
↓ すると、どうやっても消えない隙間が生まれる。(marginはゼロ)
![](https://mono96.jp/wp-content/uploads/2021/01/92ca81acbeb1536863b8ef2c43e78d0d-1024x180.png)
![](https://mono96.jp/wp-content/uploads/2021/01/92ca81acbeb1536863b8ef2c43e78d0d-1024x180.png)
↓ inputタグの改行を無くして連続して書くと、
<input type="text" name=........ /><input type="text" name=........ />
見事に解決した!