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

質問編集履歴

1

試みたコードを記載しました。

2021/01/20 14:40

投稿

koukouhira
koukouhira

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- ![イメージ説明](85c0ea86871d9cf6c813a3db5c3776a8.jpeg)### 前提・実現したいこと
1
+ ![イメージ説明](85c0ea86871d9cf6c813a3db5c3776a8.jpeg)
2
2
 
3
3
  初めて利用します。
4
4
  親要素のmax-widthを960pxに設定し、
@@ -7,4 +7,33 @@
7
7
 
8
8
  どなたかお助けいただけないでしょうか。
9
9
 
10
- よろしくお願いいたします。。
10
+ よろしくお願いいたします。。
11
+
12
+ 【追記】申し訳ありません。試みたコードが未掲載でした。
13
+
14
+ <div class="oya">
15
+ <div class="ko1">
16
+ <p>テキストテキスト</p>
17
+ </div>
18
+ <div class="ko2">
19
+ <p>テキストテキスト</p>
20
+ </div>
21
+ </div>
22
+
23
+ .oya {
24
+ max-width: 960px;
25
+ margin: 0 auto;
26
+ height: 500px;
27
+ }
28
+
29
+ .oya .ko1 {
30
+ background: #26a69a;
31
+ margin: 0 calc(50% - 50vw);
32
+ padding: 1px calc(50vw - 50% );
33
+ width: 40%;
34
+ padding-right: 0px;
35
+ }
36
+
37
+ 左寄せはなんとかできそうなのですが、右寄せの方法が分かりません。
38
+
39
+ よろしくお願いいたします。