する方法はあるでしょうか？ ok ng xy

htmlで<form>~</form>を並べて記述すると一行置きに記述されてしまうのですがこれを回避

解決済

質問者：reiman
質問日時：2024/03/18 06:24
回答数：3件

する方法はあるでしょうか？

<html><head></head><body>
<form><button>ok</button></form>
<form><button>ng</button></form>
<form><button>xy</button></form>
</body></html>

質問が誤解を招く表現になっていました
記述したhtml文をブラウザで表示した時の表現の事です
ブラウザで表示した時ボタンが一行置かないでくっついて縦に並んでほしいのです

補足日時：2024/03/18 08:36
通報する
以下の間違いでした
<form style="margin-bottom:0"><button>ok</button></form>
<form style="margin-bottom:0"><button>ng</button></form>
<form style="margin-bottom:0"><button>xy</button></form>
<div>ok</div>

No.2の回答に寄せられた補足コメントです。補足日時：2024/03/18 09:43
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： bx2
回答日時：2024/03/18 09:06

margin-bottom で調整できます。

https://www.htmq.com/style/margin-bottom.shtml

- 0
- 件

通報する

この回答へのお礼

ありがとうございす
<form><button style="margin-bottom:0">ok</button></form>
<form><button style="margin-bottom:0">ng</button></form>
<form><button style="margin-bottom:0">xy</button></form>
<div>ok</div>

でいけますね

通報する

お礼日時：2024/03/18 09:41