回答編集履歴

2

コード追加

2020/02/14 11:21

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -51,3 +51,59 @@
51
51
  }
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ コメントより
58
+
59
+ > 真ん中に表示されてしまいます、、、
60
+
61
+
62
+
63
+ 下記のコードを試してみてください。
64
+
65
+
66
+
67
+ ```html
68
+
69
+ <body>
70
+
71
+ <div class="container">
72
+
73
+ <div class="row">
74
+
75
+ <!--##############header##################-->
76
+
77
+ <a href="#">
78
+
79
+
80
+
81
+ <img class="logo" src="air-logo.img" a href="#" height="30px" width="30px">
82
+
83
+ </a>
84
+
85
+ <div style="margin-left: auto">
86
+
87
+ <ul>
88
+
89
+ <li>予想月収</li>
90
+
91
+ <li><h4>¥151,550</h4></li>
92
+
93
+ <li class="button"><a href="#" class="b2">はじめる</a></li></ul></div>
94
+
95
+
96
+
97
+ </div>
98
+
99
+ </div>
100
+
101
+
102
+
103
+ </body>
104
+
105
+ ```
106
+
107
+
108
+
109
+ ただし、bootstrapを使うなら、shgtkshruchさんの回答の方がいいですね。

1

コード修正

2020/02/14 11:21

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -44,6 +44,10 @@
44
44
 
45
45
  ```css
46
46
 
47
+ .right-box {
48
+
47
- .right-box: margin-left: auto;
49
+ margin-left: auto;
50
+
51
+ }
48
52
 
49
53
  ```