回答編集履歴
1
2. のソースコードについて、修正しました。
test
CHANGED
|
@@ -140,6 +140,20 @@
|
|
|
140
140
|
|
|
141
141
|
top: -40px; /* 装飾の高さが80pxだとして、その半分の40pxぶん、親要素から上方向にはみ出るようにする */
|
|
142
142
|
|
|
143
|
+
left: 0; /* position: absolute;を指定すると、margin: 0 auto;だけでは中央配置にならない */
|
|
144
|
+
|
|
145
|
+
right: 0; /* position: absolute;を指定すると、margin: 0 auto;だけでは中央配置にならない */
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
/* 「ABOUT」の文字を背景の円の中で上下左右中央配置にするための記述 */
|
|
150
|
+
|
|
151
|
+
display: flex;
|
|
152
|
+
|
|
153
|
+
align-items: center;
|
|
154
|
+
|
|
155
|
+
justify-content: center;
|
|
156
|
+
|
|
143
157
|
|
|
144
158
|
|
|
145
159
|
/* 装飾 */
|
|
@@ -150,6 +164,8 @@
|
|
|
150
164
|
|
|
151
165
|
text-align: center;
|
|
152
166
|
|
|
167
|
+
margin: 0 auto;
|
|
168
|
+
|
|
153
169
|
width: 80px;
|
|
154
170
|
|
|
155
171
|
height: 80px;
|