アトリエロワ

【css】テキストを左に揃えて全体を中央よせ

pタグの場合

<div class="fr">
　　<p>
猫はその愛らしい仕草とふわふわの毛並みで、多くの人の心を癒してくれます。<br>
無邪気に遊んだり、飼い主のそばで眠ったりする姿は見ているだけで幸せな気持ちになります。まるでぬいぐるみのような存在でありながら、時にはツンとした態度も魅力の一つです。猫の瞳には不思議な魅力があり、じっと見つめられると心が和らぎます。そんな猫たちは、まさに癒しの存在であり、私たちの大切な家族です。
　　</p>
</div>

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

liタグの場合

<div class="fr2">
　　<ul>
　　　　<li>触れるだけで癒される柔らかさ</li>
　　　　<li>キョトンとした顔や眠そうな目がたまらない</li>
　　　　<li>丸くなって眠る姿はまるでぬいぐるみ</li>
　　</ul>
</div>
.fr2 {
	text-align: center;
	display: block;
}
.fr2 ul {
	list-style: none;
	display: inline-block;
}
.fr2 ul li {
	text-align: left;
}

HOME > html+css,お知らせ > 【css】テキストを左に揃えて全体を中央よせ

html+css

html+css 一覧お知らせ

+ More