under-list のliを右に寄せて、縦並びにしたい(会社概要、採用、お問い合わせ)

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <title>Progate</title>
6    <link rel="stylesheet" href="stylesheet.css">
7  </head>
8  <body>
9    <!-- ここからHTMLを書き始めてください -->
10    <header>
11      <div class="top-list">
12        <ul>
13          Progate
14        </ul>
15        <li>プログラミングとは</li>
16        <li>学べるレッスン</li>
17        <li>お問い合わせ</li>
18        
19      </div>
20    </header>
21    <div class="main">
22      <h1>HELLO WORLD<span>.</span></h1>
23      <h2>プログラミングの世界へようこそ</h2>
24      
25    </div>
26    <div class="main2">
27      <h3 class="title">学べるレッスン</h3>
28      <div class="item">
29        <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/html.svg"/>
30        <p>HTML & CSS</p>
31        
32      </div>
33      <div class="item">
34        <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/php.svg"/>
35        <p>PHP</p>
36        
37      </div>
38      <div class="item">
39        <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/ruby.svg"/>
40        <p>Ruby</p>
41        
42      </div>
43      <div class="item">
44        <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/swift.svg
45"/>
46        <p>Swift</p>
47        
48      </div>
49      
50    </div>
51    <footer>
52      <div class="form">
53        <h3 class="otoiawase">お問い合わせ</h3>
54        <p>メールアドレス（必須）</p>
55        <input/>
56        <p>お問い合わせ内容（必須）</p>
57        <textarea></textarea>
58        <p>※必須項目は必ずご入力ください</p>
59        <input class=soushin type=submit value="送信" />
60      </div>
61    </footer>
62    
63    <div class="under">
64      <div class="progate">
65        Progate
66        
67      </div>
68      <div class="under-list">
69        <ul>
70          <li>会社概要</li>
71          <li>採用</li>
72          <li>お問い合わせ</li>
73        </ul>
74        
75      </div>
76      
77    </div>
78  </body>
79</html>

css
1html, body,
2ul, ol, li,
3h1, h2, h3, h4, h5, h6, p,
4form, input, div {
5  margin: 0;
6  padding: 0;
7}
8
9li {
10  list-style: none;
11}
12
13/* ここからCSSを記述してください */
14ul{
15  font-size:36px;
16  float:left;
17  padding:20px 40px;
18}
19li{
20  padding:33px 20px;
21  float:left;
22}
23.top-list{
24  height:90px;
25  background-color:#26d0c9;
26  color:#fff;
27}
28body{
29  font-family:"Avenir Next","Hiragino Kaku Gothic ProN W3",sans-serif;
30}
31
32.main h1{
33  font-size:140px;
34  
35}
36.main h1 span{
37  color:#ff4a4a;
38}
39.main h2{
40  font-size:60px;
41}
42.main{
43  padding:100px 80px ;
44}
45.main2{
46  height:500px;
47  margin:0 80px;
48}
49.title{
50  font-size:28px;
51  border-bottom:2px solid #dee7ec;
52  padding-bottom:15px;
53  margin-bottom:50px;
54}
55.item{
56  float:left;
57  margin-right:40px;
58}
59.item p{
60  margin-top:30px;
61  font-size:24px;
62}
63.form{
64  
65  margin:100px 80px;
66}
67.otoiawase{
68  font-size:28px;
69  border-bottom:2px solid #dee7ec;
70  padding-bottom:15px;
71  margin-bottom:50px;
72}
73input,textarea{
74  margin-top:10px;
75  margin-bottom:30px;
76  padding:20px;
77  width:400px;
78  border:1px solid #dee7ec;
79  
80}
81.soushin{
82  font-size:18px;
83  color:#889eab;
84  background-color:#dee7ec;
85}
86.under{
87  height:120px;
88  padding:40px;
89  color:#fff;
90  background-color:#2f5167;
91}
92.progate{
93  font-size:32px;
94  float:left;
95}
96.under-list{
97  float:right;
98  
99  
100}
101.under-list li{
102  padding-bottom:20px;
103  
104}

kei344

2019/08/05 05:49

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

515_mm

2019/08/05 05:54

失礼致しました。編集致しましたので、もしご回答頂けたら助かります。

kei344

2019/08/05 05:56

こちらの環境では変更／修正が確認できませんでした。すみませんが、もう一度確認してもらえませんか？最近teratailで修正が保存されない事がたまにあるようなので･･･。また、既に回答にて指摘されていますが、「どこがどうわからなくて、どう調べてどこまでやったのかは書きましょう」。

azuapricot

2019/08/05 05:59

これがprogateの応用編だったかは忘れましたが、progateって必ずやったことを応用するだけなのできちんとスライドを理解して進んでいれば解けない問題はないはずです。少なくとも私は困らなかった記憶があります。きちんと読みましたか？似たようなレイアウトをその前段階でやっているはずですが、きちんと理解して進めていますか？