回答編集履歴
2
回答に対するコメントの反映
test
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
ulはブロック要素なので、インラインブロック要素にすればdivのtext-align:centerが効くようになります。
|
|
1
|
+
ulはブロック要素なので、インラインブロック要素にすればdivの```text-align:center;```が効くようになります。
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
また、liに```text-align:left;```を指定することで、リストは中央寄せのままテキストを左寄せにできます。
|
|
4
4
|
|
|
5
5
|
```css
|
|
6
6
|
|
|
7
7
|
.center ul {
|
|
8
8
|
|
|
9
|
-
display:inline-block;
|
|
9
|
+
display: inline-block;
|
|
10
|
+
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.center li {
|
|
14
|
+
|
|
15
|
+
text-align: left;
|
|
10
16
|
|
|
11
17
|
}
|
|
12
18
|
|
1
回答の補足
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
ulはブロック要素なので、インラインブロック要素にすればdivのtext-align:centerが効くようになります。
|
|
2
|
+
|
|
3
|
+
これなら横幅を気にする必要はありません。
|
|
2
4
|
|
|
3
5
|
```css
|
|
4
6
|
|