質問編集履歴

1

HTMLのコードを掲載しました

2022/11/21 03:04

投稿

pumpuco
pumpuco

スコア2

test CHANGED
File without changes
test CHANGED
@@ -13,6 +13,28 @@
13
13
  ```ここに言語名を入力
14
14
  html, css
15
15
  ```
16
+ <body>
17
+ <div class="page">
18
+ <div class="container">
19
+ <div class="logo">
20
+ <a href="https://#/"><img src="images/logo b.png"></a>
21
+ </div>
22
+ <div class="header-list">
23
+ <ul>
24
+ <li><a href="#" class="glay">お問い合わせ</a></li>
25
+ <li><a href="#" class="glay">契約内容変更</a></li>
26
+ </ul>
27
+ </div>
28
+ </div>
29
+
30
+ <p>「0-0は、もう要らない」</p>
31
+ <ul>
32
+ <li>大きく“色”を変えた尚志、</li>
33
+ <li>学法石川退けて2年連続福島県制覇!!</li>
34
+ <li>6 選手権福島県予選決勝 尚志高 4-1 学法石川 西部サッカー場]</li>
35
+ </ul>
36
+
37
+
16
38
 
17
39
  body {
18
40
  margin:0px;
@@ -22,9 +44,24 @@
22
44
  .page {
23
45
  width: 1033px;
24
46
  margin: auto;
25
- padding:0px;
47
+ padding:0px;
26
48
  text-align:center;
27
49
  }
50
+ .container {
51
+ display: flex;
52
+ justify-content: space-between;
53
+ align-items: center;
54
+ }
55
+ .header-list ul {
56
+ display: flex;
57
+ }
58
+ .header-list li {
59
+ list-style: none;
60
+ font-size: 14px;
61
+ justify-content: space-between;
62
+ margin: 0 8px;
63
+ }
64
+
28
65
 
29
66
 
30
67
  ### 試したこと