テキスト（pタグ）を中央揃えにしたまま左揃えにしたい

Question

前提・実現したいこと

テキストを中央揃えにしたまま左揃えにしたい

発生している問題・エラーメッセージ

上記が実現できません

エラーメッセージ
```なし

### 該当のソースコード

```HTML　
<section id="profile">
        <div class="profile-wrap">
          <h2 class="section-title focus-in-contract-bck">
            Profile
          </h2>
          <div class="profile-info">
            <div class="profile-img">
              <span>
                <img
                  src="./images/favicon_package_v0.16/favicon-32x32.png"
                  alt=""
                />
              </span>
            </div>
            <div class="profile-list">
              <ul>
                <li>名前 : ooo ooo</li>
                <li>出身 : 埼玉県</li>
                <li>趣味 : 筋トレ</li>
                <li>お酒 : エビスビール</li>
              </ul>
            </div>
            <div class="profile-text">
              <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi
                quaerat doloremque maiores harum ipsum? Delectus vel soluta
                exercitationem, asperiores laborum deserunt illo odio mollitia
                odit saepe facere, reprehenderit, nulla similique.
              </p>
            </div>
          </div>
        </div>
      </section>

ソースコード
```scss
#profile {
  min-height: 100vh;
}

//スマートフォン
.profile-info {
  text-align: center;

  .profile-list {
    display: inline-block;
    text-align: left;
  }
}

.profile-text {
  text-align: center;
  p {
    display: inline-block;
    text-align: left;
  }
}



### 試したこと

下記の記事を参考に

・親要素(profile-text)にtext-align: center;
・子要素(profile p)にdisplay: inline-block; text-align: left;
を適用しましたが、うまく反映されません。
　
・参考にしたサイト　
https://onishi-noboru.com/how-to-center-block-but-align-contents-to-the-left#toc1
### 補足情報（FW/ツールのバージョンなど）

iPhoneX(width:375px)にて開発しております。
・環境
　vscode
　win

ここにより詳細な情報を記載してください。

Comments

[-millmill-]

widthやmarginの設定がかかれていないのでよく分からないのですが
profile-text を中央配置にして
profile-text p 内のテキストを左揃えにしたい
という事でしょうか?

出来上がりのイメージ、上手くいかない現象を
スクショや簡単なイラストで提示頂けると
回答しやすいと思います

Answer 1

.profile-text p に width が設定されていないので、親要素の幅まで広がります。(width: 100% と同等の状態)親要素にも width が設定されていないので画面幅一杯に広がってます。

p要素が親の幅(画面幅)と同じなら中央寄せしても、見た目は変わりません。

最終的のどのようなレイアウトのお望みなのか分かりませんが、画面幅より小さくなるように width を設定すれば提示のCSSでもp要素は中央寄せになります。

Comments

[_beats_time_]

.profile-text p に　width 指定したら　思い通りのレイアウトになりました。
ご教授ありがとうございました。