回答編集履歴

2

本来の質問の意味を考慮した回答を追記

2021/12/29 18:26

投稿

recal
recal

スコア1126

test CHANGED
@@ -1,3 +1,45 @@
1
+ 追記2
2
+
3
+ すみません、修正しました。
4
+
5
+
6
+
7
+ bootstrap5を読み込んでいるみたいだったので、bootstrap5のclassでやってます。
8
+
9
+ `h1`と`button`を一つのタグで包んで、左右に振り分けるだけです。
10
+
11
+ `br`を削除して`mb-2`で余白調整しました。
12
+
13
+
14
+
15
+ また
16
+
17
+
18
+
19
+ `body`の余白がなく見づらかったので`m-4`追加してます。消してもいいです。
20
+
21
+
22
+
23
+ ```
24
+
25
+ <body class="m-4">
26
+
27
+ <div class="d-flex align-items-center mb-2">
28
+
29
+ <h1 class="me-auto">タイトル</h1>
30
+
31
+ <button type="button" class="btn btn-primary btn-sm1 me-2">ログイン</button>
32
+
33
+ <button type="button" class="btn btn-secondary btn-sm2">新規登録</button>
34
+
35
+ </div>
36
+
37
+ <div class="input-group" id="kokugo">
38
+
39
+ ```
40
+
41
+
42
+
1
43
  追記
2
44
 
3
45
  あーごめんなさい

1

質問内容を読み違えていたため

2021/12/29 18:26

投稿

recal
recal

スコア1126

test CHANGED
@@ -1,3 +1,17 @@
1
+ 追記
2
+
3
+ あーごめんなさい
4
+
5
+ 完全に質問文を読み違えてました。
6
+
7
+ 今修正します。
8
+
9
+
10
+
11
+ ---
12
+
13
+ ↓見当違いな回答
14
+
1
15
  この部分ですよね…?
2
16
 
3
17
  ```html