ああああああああああああああああああ

Question

ああああああああああああああああああああああああああああああああああああ

Answer 1

掲載されているソースコードをコピペして再現したところ、二つのボタンは隣り合ってくっついていました。
考えられる可能性としては、

・他のCSSが影響を及ぼしている
・参照しているボタンの画像に余計な余白がある。

いずれの場合も、GoogleChromeでF12キーを押し、デベロッパーツールで右側のボタン部分をソースコードから選択すれば、適用されているCSSや、要素の幅、margin等が確認できるかと思います。

Comments

[wassan_nikoniko]

確認したところ、margin-left:750px;が二つ目のボタンにも適用されてしまっています...
cssには記載していないはずなので、何が原因なのか...cssはちなみにstyle.cssのみとなります。

ちなみになのですが画像にもし余白があるならば、なぜoranさんのブラウザではしっかりとくっついている状態で確認ができたのでしょうか....?

[oran]

CSSに書かれていないならば、JavaScriptでinput要素にクラスを当てていたり、CSSを書き換えたりする記述があるのかもしれません。

書き出されたHTMLを1度別環境に移して再現し、怪しい部分を消去して原因を探っていくのがよさそうです。

ちなみに、わたしの再現ではボタンは画像ではなく、inputのtype属性をbuttonとしています。

[oran]

もうひとつ、気になる点としては、ブラウザのキャッシュが有効になっていて最新のCSSが表示されてない可能性もあります。
Ctrl+F5キーで強制再読み込みを試してみてください。