【CSS】テキストを「左揃え」のまま「中央寄せ」にする方法【学習メモ】


・html

<div id="about-item">
    <p>おさかな / osakana<br>
    00年生まれの19歳。<br>
    高校生の頃からプログラミングを勉強しはじめ、現在はWeb系の受諾開発企業で「Webコーダー」として働いています。<br>
    また、「ライター」として「クラウドソーシングサービス」でのお仕事経験もあります。<br>
    今後は、個人での「Webサイト作成」と「ブログ運営」に力を入れていく予定です。<br>
    〇使用できるスキル<br>
    html/css JavaScript jQuery<br>
    〇勉強中<br>
    php MySQL
    </p>
</div>

・css

#about-item {
    text-align: center;
    }
#about-item p {
    display: inline-block;
    text-align: left;
    }


この技術は、使用する場面がかなり多いので、しっかり覚えておきましょう!

おすすめ記事


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

「この記事おもしろい!」「おさかなは海に帰れ!」 「泳げないおさかな…なんて…!」と、思ったそこのあなた!!!! ぜひ!サポートよろしくお願いします🙇 様々なジャンルの本を読むために活用させていただきます✨ 「え、読書する新種のおさかなだ!」と思ったあなたも!今すぐタッチ!

すっごくうれしい!
2

おさかな

学習メモ

「プログラミング」で学んだことのメモ書きになります。「コード」をたくさん載せていくので、ぜひ参考にしてみてください!
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。