質問編集履歴
4
タイトル
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
inputタグとaタグのボタンを
|
|
1
|
+
inputタグとaタグのボタン内テキストを中央揃えにしたい。
|
test
CHANGED
|
File without changes
|
3
HTML追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -86,6 +86,32 @@
|
|
|
86
86
|
|
|
87
87
|
```
|
|
88
88
|
|
|
89
|
+
```HTML
|
|
90
|
+
|
|
91
|
+
<body>
|
|
92
|
+
|
|
93
|
+
<button class="buttons"><i class="fab fa-html5 fa-3x"></i></button>
|
|
94
|
+
|
|
95
|
+
<label for="css" class="buttons">
|
|
96
|
+
|
|
97
|
+
<i class="fab fa-css3-alt fa-3x"></i>
|
|
98
|
+
|
|
99
|
+
<input type="checkbox" id="css">
|
|
100
|
+
|
|
101
|
+
</label>
|
|
102
|
+
|
|
103
|
+
<button class="buttons"><i class="fab fa-js-square fa-3x"></i></button>
|
|
104
|
+
|
|
105
|
+
<label for="python" class="buttons">
|
|
106
|
+
|
|
107
|
+
<a id="python"><i class="fab fa-python fa-3x"></i></a>
|
|
108
|
+
|
|
109
|
+
</label>
|
|
110
|
+
|
|
111
|
+
</body>
|
|
112
|
+
|
|
113
|
+
```
|
|
114
|
+
|
|
89
115
|
|
|
90
116
|
|
|
91
117
|
### 試したこと
|
2
リンク
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -92,8 +92,6 @@
|
|
|
92
92
|
|
|
93
93
|
|
|
94
94
|
|
|
95
|
-
[HTML CSS、ボタンの文字を真ん中に表示したい
|
|
96
|
-
|
|
97
|
-
](https://teratail.com/questions/65882)
|
|
95
|
+
[HTML CSS、ボタンの文字を真ん中に表示したい](https://teratail.com/questions/65882)
|
|
98
96
|
|
|
99
97
|
上記投稿の回答を見ると、```padding: 0;```を設定することで解決しているように見受けられたので、```.buttons```に```padding: 0;```を設定してみましたが、状況は変わりませんでした。
|
1
タイトル
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
inputタグとaタグのボタンを、buttonタグのボタンのレイアウトや大きさ
|
|
1
|
+
inputタグとaタグのボタンを、buttonタグのボタンのレイアウトや大きさと同じ設定にしたいです。
|
test
CHANGED
|
File without changes
|