質問編集履歴
1
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
+
・横並びのリスト
|
|
3
|
-
|
|
4
|
+
・中央に<h1>で囲んだサイトロゴを配置
|
|
4
|
-
メニュー
|
|
5
|
+
・メニューは下揃えで等間隔に配置
|
|
6
|
+
|
|
5
7
|
|
|
6
8
|
|
|
7
9
|
○で囲んでいる部分は同じ間隔
|
|
8
10
|
WELCOME(サイトロゴ)を画面の中央
|
|
9
11
|
|
|
10
12
|
### 発生している問題
|
|
13
|
+
<h1>の部分をposition: absolute;で中央に設置しています。
|
|
11
|
-
等間隔、下揃えにできません。
|
|
14
|
+
メニューを等間隔、下揃えにできません。
|
|
12
15
|
|
|
13
16
|
### 該当のソースコード
|
|
14
17
|
[https://codepen.io/aakiii/pen/xyQwRm](https://codepen.io/aakiii/pen/xyQwRm)
|
|
15
18
|
```HTML
|
|
19
|
+
<main>
|
|
16
|
-
<
|
|
20
|
+
<header>
|
|
17
21
|
|
|
18
22
|
<h1 class="logo">
|
|
19
23
|
<a href="#"><img src="http://fast-uploader.com/transfer/7095941757581.png"></a>
|
|
@@ -61,7 +65,7 @@
|
|
|
61
65
|
margin-right: 50px;
|
|
62
66
|
}
|
|
63
67
|
header nav ul li:nth-child(2){
|
|
64
|
-
margin-right:
|
|
68
|
+
margin-right: 500px;
|
|
65
69
|
}
|
|
66
70
|
header nav ul li a:link,
|
|
67
71
|
header nav ul li a:visited{
|