回答編集履歴

1

修正

2017/12/03 07:37

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -36,25 +36,25 @@
36
36
 
37
37
  .header-right a {
38
38
 
39
- line-height: 65px;
40
-
41
39
  display: inline-block;
42
40
 
43
- height: 65px;
41
+ line-height: 65px;
44
42
 
45
43
  padding-right: 20px;
46
44
 
47
45
  padding-left: 20px;
48
46
 
47
+ height: 65px;
48
+
49
49
  }
50
50
 
51
51
 
52
52
 
53
- .header-right img:hover {
53
+ .write:hover, .login:hover {
54
-
55
- transition: all .5s;
56
54
 
57
55
  background-color: rgba(35, 35, 35, 1);
56
+
57
+ transition: all 0.5s;
58
58
 
59
59
  }
60
60
 
@@ -62,15 +62,15 @@
62
62
 
63
63
  .login {
64
64
 
65
- display: inline-block;
65
+ background-color: rgba(165, 165, 165, 0.9);
66
-
67
- float: right;
68
66
 
69
67
  text-decoration: none;
70
68
 
69
+ display: inline-block;
70
+
71
71
  color: white;
72
72
 
73
- background-color: rgba(165, 165, 165, .9);
73
+ float: right;
74
74
 
75
75
  }
76
76
 
@@ -78,11 +78,11 @@
78
78
 
79
79
  .write {
80
80
 
81
- display: inline-block;
81
+ height: 65px;
82
82
 
83
83
  width: 60px;
84
84
 
85
- height: 65px;
85
+ display: inline-block;
86
86
 
87
87
  margin-right: 40px;
88
88
 
@@ -98,7 +98,7 @@
98
98
 
99
99
  <a href="#">
100
100
 
101
- <img class="write" src="https://placehold.jp/3d4070/ffffff/150x150.png?text=飛行機.png" alt="投稿を意味する画像">
101
+ <img class="write" src="https://placehold.jp/3d4070/ffffff/150x150.png?text=image" alt="投稿を意味する画像">
102
102
 
103
103
  </a>
104
104