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

回答編集履歴

1

修正:2カラムレイアウト用にCSS追加

2017/10/03 02:09

投稿

takna
takna

スコア784

answer CHANGED
@@ -5,17 +5,19 @@
5
5
  <head>
6
6
  <meta charset="utf-8">
7
7
  <style>
8
- .wrapper {
8
+ .wrapper {outline: 1px solid red;
9
9
  display: flex;
10
10
  justify-content: space-between;
11
11
  margin-left: 150px;
12
12
  margin-right: 150px;
13
13
  }
14
- .heading {
14
+ .heading {outline: 1px solid green;
15
- /* 必要なスタイルを指定 */
15
+ /* 必要なスタイルを指定 */
16
+ flex: 1;
16
17
  }
17
- .newaccount {
18
+ .newaccount {outline: 1px solid green;
18
- /* 必要なスタイルを指定 */
19
+ /* 必要なスタイルを指定 */
20
+ flex: 3;
19
21
  }
20
22
  </style>
21
23
  </head>
@@ -35,4 +37,5 @@
35
37
 
36
38
  </body>
37
39
  </html>
40
+
38
41
  ```