JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cover">
    <div class="banner">
      <div class="text_3">
        <h1>NETFLIX</h1>
        <div class="Options">
          <form action="">
            <select cname="language">
              <option value="TW">中文</option>
              <option value="JP">日文</option>
              <option value="KR">韓文</option>
              <option value="EG">英文</option>
            </select>
          </form>
          <div class="botton">sign lin</div>
        </div>
        <h2>不限時數的電影與節目，還<br>有更多精彩內容</h2>
        <h3>隨處都能觀賞，可隨時取消。</h3>
        <p class="message">準備開心觀賞了嗎?請輸入電子郵件，以建立或重新啟用您的帳戶。</p>
        <form>
          <table align="center">
            <tr>
              <td><input type="text" placeholder="輸入電子郵件....."></td>
            </tr>
          </table>
          <div class="botton_2">送出</div>
        </form>
      </div>
    </div>
    <p class="width">Enjio on your TV.</p>
    <p class="width_1">Watch on smart TVs,PlayStation,Xbox<br>Chromecast,Apple TV,Blu-ray players and<br>mote.</p>
  </div>

CSS

* {
      /* border: solid 1px; */
      position: relative;
    }
    html,body {
      margin: 0px;
      padding: 0px;
      background-color:#000000;
    }
    .banner {
      margin: auto;
      width: 80%;
      border-bottom: solid 3px #6C6C6C;
      box-sizing: border-box;
      background-size: 1400px 600px;
      height: 500px;
      background-image: url(https://www.oxigeno.fm/wp-content/uploads/2020/10/EuropaPress_3361866_interfaz_tv.jpg);
    }
    h1 {
      padding: 0px 0px 0px 15px;
      color:#FF0000;
    }
    .Options {
      display: flex;
      justify-content: right;
      position: absolute;
      top:23px;
      right: 0px;
    }
    select {
      padding: 7px 2px 7px 2px;
      display: inline-block;
    }
    .botton {
      padding: 5px 5px 5px 5px;
      display: inline-block;
      margin: 0px 15px 0px 10px;
      line-height: 20px;
      background-color:	#FF0000;
      color: #FFFFFF;
      
    }
    h2 {
      text-align: center;
      letter-spacing: 0.1rem;
      margin: 100px 0px 10px 0px;
      font-size: 38px;
      color: #FFFFFF;
    }
    h3 {
      text-align: center;
      margin: 0px;
      font-weight: 500;
      color: #FFFFFF;
    }
    .message {
      text-align: center;
      color:#FFFFFF;
    }
    .botton_2 {
      top: 3.4px;
      left: 700px;
      position: absolute;
      display: inline-block;
      /* border: solid 1px; */
      height: 34px;
      width: 80px;
      text-align: center;
      line-height: 34px;
      background-color: #FF0000;
      font-weight:bold;
      color: #FFFFFF;
    }
    input {
      height: 30px;
      width:380px;
      text-align: center;
      left: -40px;
      margin: 0px 4px 100px 0px;
      color: #BEBEBE;
    }
    .width {
      font-size: 25px;
      font-weight: bold;
      display:block;
      width: 200px;
      left: 550px;
      margin: 30px 0px 10px 0px;
      color: #FFFFFF;
    }
    .width_1 {
      width: 300px;
      display: block;
      left: 550px;
...