button要素のwidthについて

Question

**conversionの見た目を整えようとしてflexboxを利用したのですがbuttonのwidthが固定されてしまいます。widthを変化させたいです。
*tml

<div class="conversion"> <div class="conversiontxt"> <p>まずは２０日間で、</p> <p>月１０万円稼げるスキルを手に入れよう。</p> <p　class="red">※受講料金は実質０円です。詳しくは資料請求をどうぞ。</p> <button type="button" name="button"><a href="#">お問い合わせ＆資料請求はこちら</a></button> <p>第4期生：2018年12月3日~2018年12月22日　＊締め切りました</p> <p>第5期生：2019年4月8日~2019年4月27日　＊締め切りました</p> <p>第6期生：資料請求受付中です</p> <div class="link fbox3"> <a href="https://twitter.com/login?lang=ja">ツイート</a> <a href="https://www.facebook.com/">いいね</a> <a href="https://www.facebook.com/">シェア</a> </div> </div> </div> ``` ```css .conversion .conversiontxt { width: 100%; height: 600px; background-color: #EBB94D; text-align: center; color: white; font-size: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .conversion .conversiontxt p { margin-top: 0; } .conversion .conversiontxt button { display: inline-block; text-align: center; color: white; background-color: #DA6B64; width: 70%; height: 100px; border-radius: 60px; } .conversion .conversiontxt button a { font-size: 28px; vertical-align: middle; color: white; }

.button2 {
display: inline-block; }ボールドテキスト

buttonがinlineだからwidthやheightの指定ができないのかな？と考えました。しかし解決方法がわかりません。
よろしくお願いします
![イメージ説明](4bb6ac0cdf088c588d1f6bbd88ced55a.png)

Answer 1

<p　class="red"> のpとclassの間の全角スペースを半角スペースに修正してください。正しく<p>タグが認識されていないため、その後のテキストからボタンからすべて <p　class="red"> の中にあるというように補完されているように見えます

Comments

[sakana_motoki]

ありがとうございます！
解決いたしました！
htmlに問題があったなんて思いませんでした！