質問編集履歴

4

2019/12/19 08:59

投稿

Kanno_Yama
Kanno_Yama

スコア8

test CHANGED
File without changes
test CHANGED
@@ -6,6 +6,8 @@
6
6
 
7
7
 
8
8
 
9
+
10
+
9
11
  h2{
10
12
 
11
13
  float:left;

3

2019/12/19 08:59

投稿

Kanno_Yama
Kanno_Yama

スコア8

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,11 @@
1
+ [リンク内容](https://www.dropbox.com/s/866wuxiuv1vlxxw/IMG_1098.PNG?dl=0)
2
+
3
+ ↑理想画
4
+
5
+
6
+
7
+
8
+
1
9
  h2{
2
10
 
3
11
  float:left;

2

2019/12/19 08:58

投稿

Kanno_Yama
Kanno_Yama

スコア8

test CHANGED
File without changes
test CHANGED
@@ -48,9 +48,9 @@
48
48
 
49
49
 
50
50
 
51
- <h1>山崎侃之介</h1>
51
+ <h1>山田太郎</h1>
52
-
52
+
53
- <h2>①<span1>カンノスケ</span1>の<span2>3つの言葉</span2></h2><br>
53
+ <h2>①<span1>タロウ</span1>の<span2>3つの言葉</span2></h2><br>
54
54
 
55
55
 
56
56
 

1

2019/12/19 08:45

投稿

Kanno_Yama
Kanno_Yama

スコア8

test CHANGED
File without changes
test CHANGED
@@ -5,3 +5,233 @@
5
5
  }
6
6
 
7
7
  と入力しても左に詰められず、上のスペースに移動してしまいます。左に詰めるにはどうすれば良いですか?
8
+
9
+
10
+
11
+ コードです↓
12
+
13
+
14
+
15
+ <!DCTYPE html>
16
+
17
+ <html lang=“ja”>
18
+
19
+
20
+
21
+ <head>
22
+
23
+
24
+
25
+ <meta charset="utf-8">
26
+
27
+
28
+
29
+ <meta name="discription" content="kanno">
30
+
31
+
32
+
33
+ </head>
34
+
35
+
36
+
37
+ <body>
38
+
39
+ <tytle>山田太郎のポートフォリオサイト(練習)</tytle>
40
+
41
+ <ul1>
42
+
43
+ <a href="https://www.weblio.jp/content/amp/%E7%99%BA%E6%B3%A8">発注</a><br>
44
+
45
+ <a href="https://chewy.jp/businessmanner/6441/">ご連絡</a>
46
+
47
+ </ul1>
48
+
49
+
50
+
51
+ <h1>山崎侃之介</h1>
52
+
53
+ <h2>①<span1>カンノスケ</span1>の<span2>3つの言葉</span2></h2><br>
54
+
55
+
56
+
57
+ <ul2>
58
+
59
+ <li1>分析力</li1>
60
+
61
+ <li2>思いやり</li2>
62
+
63
+ <li3>強い意志</li3>
64
+
65
+ </ul2>
66
+
67
+
68
+
69
+ <h2>②趣味、特技</h2><br>
70
+
71
+
72
+
73
+ <ul3>
74
+
75
+ <li4>読書•カフェ巡り•サッカー観戦</li4>
76
+
77
+ </ul3>
78
+
79
+ <br>
80
+
81
+ <br>
82
+
83
+ <br>
84
+
85
+ <p2>メールアドレス</p2>
86
+
87
+ <input>
88
+
89
+ <p3>ご意見、ご相談</p3>
90
+
91
+ <textarea></textarea>
92
+
93
+ <style>
94
+
95
+ body{
96
+
97
+ font-family:sans-serif;
98
+
99
+ }
100
+
101
+ tytle{
102
+
103
+ font-size:15px;
104
+
105
+ padding-bottom:20px;
106
+
107
+ }
108
+
109
+ h1{
110
+
111
+ color:gold;
112
+
113
+ font-size:40px;
114
+
115
+ padding:0px;
116
+
117
+ margin:0px;
118
+
119
+ }
120
+
121
+ ul1{
122
+
123
+ float:right;
124
+
125
+ list-style:none;
126
+
127
+ }
128
+
129
+ header{
130
+
131
+ float:right;
132
+
133
+ }
134
+
135
+ h2{
136
+
137
+ font-size:30px;
138
+
139
+ float:left;
140
+
141
+ border-bottom:3px solid black;
142
+
143
+ }
144
+
145
+ span1{
146
+
147
+ color:gold;
148
+
149
+ }
150
+
151
+ span2{
152
+
153
+ color:white;
154
+
155
+ background-color:black;
156
+
157
+ }
158
+
159
+ ul2{
160
+
161
+ font-size:23px;
162
+
163
+ float:left;
164
+
165
+ }
166
+
167
+ p1{
168
+
169
+ float:left;
170
+
171
+ }
172
+
173
+ li1{
174
+
175
+ color:green;
176
+
177
+ background-color:black;
178
+
179
+ }
180
+
181
+ li2{
182
+
183
+ color:orange;
184
+
185
+ background-color:black;
186
+
187
+ }
188
+
189
+ li3{
190
+
191
+ color:red;
192
+
193
+ background-color:black;
194
+
195
+ }
196
+
197
+ ul3{
198
+
199
+ font-size:23px;
200
+
201
+ float:left;
202
+
203
+ background-color:yellow;
204
+
205
+ }
206
+
207
+ p2{
208
+
209
+ float:left;
210
+
211
+ padding:80px 0px 0px 0px;
212
+
213
+ }
214
+
215
+ input{
216
+
217
+ padding:5px 70px;
218
+
219
+ float:left;
220
+
221
+ }
222
+
223
+ p3{
224
+
225
+ float:left;
226
+
227
+ }
228
+
229
+ textarea{
230
+
231
+ padding:15px 70px;
232
+
233
+ float:left;
234
+
235
+ }
236
+
237
+ </style>