teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

コード追加

2020/02/14 11:21

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -24,4 +24,32 @@
24
24
  .right-box {
25
25
  margin-left: auto;
26
26
  }
27
- ```
27
+ ```
28
+
29
+ コメントより
30
+ > 真ん中に表示されてしまいます、、、
31
+
32
+ 下記のコードを試してみてください。
33
+
34
+ ```html
35
+ <body>
36
+ <div class="container">
37
+ <div class="row">
38
+ <!--##############header##################-->
39
+ <a href="#">
40
+
41
+ <img class="logo" src="air-logo.img" a href="#" height="30px" width="30px">
42
+ </a>
43
+ <div style="margin-left: auto">
44
+ <ul>
45
+ <li>予想月収</li>
46
+ <li><h4>¥151,550</h4></li>
47
+ <li class="button"><a href="#" class="b2">はじめる</a></li></ul></div>
48
+
49
+ </div>
50
+ </div>
51
+
52
+ </body>
53
+ ```
54
+
55
+ ただし、bootstrapを使うなら、shgtkshruchさんの回答の方がいいですね。

1

コード修正

2020/02/14 11:21

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -21,5 +21,7 @@
21
21
  <div class="right-box">
22
22
  ```
23
23
  ```css
24
+ .right-box {
24
- .right-box: margin-left: auto;
25
+ margin-left: auto;
26
+ }
25
27
  ```