ブートストラップのボタンの形を整えたい

ブートストラップ4でボタンを配置したのですが、ボタンの枠が左端から固定されていて、クラスを指定してCSSで書き込んでもうまく移動できません。改善方法を教えてください。
こうしたいです

<div>
  <h2 style="text-align:left"class="px1" >“
    「ホスト保証」があったからAirbnb参加を決めたといっても過言でないほどで、被害やトラブルがあったときに頼れるサポートがあるのは本当にありがたいですね。</h2>
  <p style="text-align:left" class="px1">Dennisさんはロンドンのホスト。自由度の高さに魅力を感じています</p>  
  <button type="submit" class="btn btn-outline-dark px1" >ホスト実践例をチェック</button>
</div>
コード

 .px1{
      width: 45%;
      padding-left: 10%;
    }
コード

m.ts10806

2020/05/02 00:24

「形を整えたい」というタイトルと内容が合ってません。整合性を取ってください。 >https://teratail.com/help/question-tips#questionTips3-1 >もしタイトルをどのように書いていいのかがわからない場合は、先に質問の詳細を書いてみることをお勧めします。 >先に詳細をまとめれば、あとはその要約をすればいいのでタイトルが書きやすくなります。