progate初級道場にて困っています

Progatの初級道場にて画像の通り、お問い合わせの文字がなぜか
改行され素直に下に表示されません。何が問題なのかさっぱりで困っています。
何が原因でしょうか。。

該当のソースコード

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title>

<link rel="stylesheet" href="stylesheet.css">

</head> <body>

   <header>
     <div class="header-left">
     <p>Progate</p>
   </div>
    <div class="header-right">
  <p>プログラミングとは</p>
  <P>学べるレッスン</P>
  <P>お問い合わせ</P>
      </div>
      </header>
  <div class="copyword">

<h1>HELLO WORLD<span>.</span></h1> <h2>プログラミングの世界へようこそ</h2> </div> <div class="contents"> <h3>学べるレッスン</h3> <div class="lesson"> <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/html.svg"> <p>HTMLCSS</p> </div> <div class="lesson"> <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/php.svg"> <p>PHP</p> </div> <div class="lesson"> <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/ruby.svg"> <p>Ruby</p> </div> <div class="lesson"> <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/swift.svg"> <P>Swift</P> </div> </div> <div class="contact"> <h4 class="contact-title">お問い合わせ</h4> <p>メールアドレス（必須）</p> <input> <p>お問い合わせ内容（必須）</p> <textarea></textarea> <p>※必須項目は必ずご入力ください</p> <input type="submit" value="送信"> </div> </body> </html>

下記からCSSコードです

/* CSSのリセット（消さないでください） */
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
margin: 0;
padding: 0;
}

body {
font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}

li {
list-style: none;
}

/* ここからCSSを記述してください */
header{
background-color:#26d0c9;
height:90px;
color:#fff;

}

.header-left p{
font-size:36px;
float:left;
padding:20px 40px;

}
.header-right p{

float:left;
margin:33px 20px;
}

.copyword{
margin:100px 80px;
}
h1{
font-size:140px;

}

h2{
font-size:60px;
}
span{
color:#ff4a4a;
}

.contents{
padding:0px 80px;
height:500px;
}

.contents h3{
font-size:28px;
border-bottom:2px solid #dee7ec;
padding-bottom: 15px;
margin-bottom: 50px;
}
.lesson {
float:left;
margin-right:40px;
}
.lesson p{
font-size:24px;
margin-top:30px;
margin-bottom:100px;
}