質問編集履歴

1

CSSを追記

2016/12/13 13:31

投稿

TheDiamondFour
TheDiamondFour

スコア11

test CHANGED
File without changes
test CHANGED
@@ -48,6 +48,12 @@
48
48
 
49
49
 
50
50
 
51
+ CSSを追記させていただきました。
52
+
53
+ ご指摘ありがとうございます。
54
+
55
+
56
+
51
57
  ###発生している問題・エラーメッセージ
52
58
 
53
59
 
@@ -68,15 +74,59 @@
68
74
 
69
75
  <ol class="list">
70
76
 
71
- <li class="list-item">テキストテキスト</li>
77
+ <li>テキストテキスト</li>
72
78
 
73
- <li class="list-item">テキストテキスト</li>
79
+ <li>テキストテキスト</li>
74
80
 
75
- <li class="list-item">テキストテキストテキストテキスト</li>
81
+ <li>テキストテキストテキストテキスト</li>
76
82
 
77
83
  </ol>
78
84
 
79
85
  </div>
86
+
87
+ ```
88
+
89
+ ```css
90
+
91
+ .list {
92
+
93
+ list-style: none;
94
+
95
+ counter-reset: number;
96
+
97
+ padding: 0;
98
+
99
+ font-size: 15px;
100
+
101
+ }
102
+
103
+ .list li {
104
+
105
+ line-height: 2;
106
+
107
+ }
108
+
109
+ .list li:before {
110
+
111
+ counter-increment: number;
112
+
113
+ content: counter(number);
114
+
115
+ display: inline-block;
116
+
117
+ width: 2em;
118
+
119
+ height: 2em;
120
+
121
+ text-align: center;
122
+
123
+ border: 2px solid #1b1464;
124
+
125
+ color: #1b1464;
126
+
127
+ margin-right: 1.4em;
128
+
129
+ }
80
130
 
81
131
  ```
82
132