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

前提・実現したいこと

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

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

上記が実現できません

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

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

```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

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

-millmill-

2020/07/06 02:28

widthやmarginの設定がかかれていないのでよく分からないのですが profile-text を中央配置にして profile-text p 内のテキストを左揃えにしたいという事でしょうか? 出来上がりのイメージ、上手くいかない現象をスクショや簡単なイラストで提示頂けると回答しやすいと思います