中心揃えにしつつ内部のテキストは左揃えにしたいです。

前提

初学者にて皆様のお力添えを宜しくお願いします。
ここに質問の内容を詳しく書いてください。
一つのdiv要素の中に文章があり、その文章だけ左揃えにしたいです。

実現したいこと

中心揃えにしつつ内部のテキストは左揃えにしたい。

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

中央揃えにはなるけどテキストはならない。

該当のソースコード

html <div class="profile_container"> <h2>プロフィール</h2> <div class="profile_photo"> <img src="../Profile/image/プロフィール(円形).png" alt="画家写真"> </div> <p class="profile_coment">aaaaaaaaaaaaaaaaaaaaaaaaaaaa。<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p> </div> css .profile_container { text-align: center; margin-bottom: 50px; } .profile_coment { text-align: left; }

試したこと

親要素であるprofile_containerを中心に移動させるためにmargin:
0 autoを使用し内部のテキスト情報であるものはtext-align:
center;を使用することで親要素は中心、子要素は左揃いになるかと思いました。

補足情報(FW/ツールのバージョンなど)

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

コメントを投稿

0 コメント