回答編集履歴

1

追記

2017/05/31 11:29

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -73,3 +73,105 @@
73
73
  </html>
74
74
 
75
75
  ```
76
+
77
+ 追記
78
+
79
+ ---
80
+
81
+ ```HTML
82
+
83
+ <!DOCTYPE html>
84
+
85
+ <html lang="ja">
86
+
87
+ <head>
88
+
89
+ <meta charset="UTF-8">
90
+
91
+ <style type="text/css">
92
+
93
+ * {
94
+
95
+ margin: 0;
96
+
97
+ padding: 0;
98
+
99
+ }
100
+
101
+
102
+
103
+ html, body, .form1 {
104
+
105
+ width: 100vw;
106
+
107
+ height: 100vh;
108
+
109
+ }
110
+
111
+
112
+
113
+ .form1 {
114
+
115
+ display: flex;
116
+
117
+ justify-content: center;
118
+
119
+ align-items: center;
120
+
121
+ background-color: black;
122
+
123
+ }
124
+
125
+
126
+
127
+ input.txt {
128
+
129
+ min-width: 45vw;
130
+
131
+ height: 30px;
132
+
133
+ }
134
+
135
+
136
+
137
+ input.send {
138
+
139
+ min-width: 5vw;
140
+
141
+ height: 30px;
142
+
143
+ }
144
+
145
+ </style>
146
+
147
+ </head>
148
+
149
+ <body>
150
+
151
+ <div class="form1">
152
+
153
+ <form method="post" action="#">
154
+
155
+ <label>
156
+
157
+ <input type="text" name="keyword" class="txt">
158
+
159
+ </label>
160
+
161
+ <label>
162
+
163
+ <input type="submit" value="検索" class="send">
164
+
165
+ </label>
166
+
167
+ </form>
168
+
169
+ </div>
170
+
171
+ </body>
172
+
173
+ </html>
174
+
175
+ ```
176
+
177
+