回答編集履歴
1
誤字とソースの可読性
answer
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
ソースは変えずに`CSS`の修正してみました。
|
|
1
|
+
ソースは変えずに`CSS`のみ修正してみました。
|
|
2
2
|
`.info`ブロック全体に疑似要素を使用しました。
|
|
3
3
|
|
|
4
4
|
```css
|
|
5
5
|
.info {
|
|
6
6
|
display: flex;
|
|
7
|
-
position:relative;
|
|
7
|
+
position:relative;
|
|
8
8
|
justify-content: space-around;
|
|
9
9
|
background-color: #F5F5F5;
|
|
10
10
|
border: solid 1px #C4C4C4;
|
|
11
11
|
}
|
|
12
|
-
// 下記追記しました
|
|
13
|
-
|
|
12
|
+
.info::after {
|
|
14
13
|
content: '';
|
|
15
14
|
position: absolute;
|
|
16
15
|
top: 50%;
|