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