JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

    <div class="header" style="height: 212px;">
      <div class="container" style="width: 1035px;">
        <div class="d-flex align-items-end">
          <div class="pt-5 header-left">
            <h2>Write</h2>
            <p class="text-secondary ">書く為のテーマ</p>
          </div>    
          <div class="pt-5 mr-5 ml-5 pb-3">ホーム</div>
          <div class="pt-5 mr-5 ml-5 pb-3">ページ</div>
          <div class="pt-5 mr-5 ml-5 pb-3"> タイポグラフィー</div>
          <div class="pt-5 mr-5 ml-5 pb-3">お問い合わせ</div>
        </div>
      </div>
    </div>

CSS

.text-secondary {
    margin-right: 100px;
}