プロなら、こう書くけどね

7月に入って日にちが経ち、暑さが続いてますが…

最近、ゲリラ豪雨が増えているようですが、家の周りや身の回りの安全をしっかり徹底してくださいね。

さらに水分を補給しながら、体調管理には気を付けてください。

さてと、話題を取り戻して…

プロなら、こう書くけどね

昨日のブログに書きましたが…

プロという自覚をもって、コーディングをするならこれを書くのが当たり前なんじゃないかな？

こっちなら、こう書きますけどね。

番号付きの付与があるならば、箇条書きをするべきかと思います。

<ul>
	<li>
		<h2>タイトル</h2>
		<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
	</li>

	<li>
		<h2>タイトル</h2>
		<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
	</li>

	<li>
		<h2>タイトル</h2>
		<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
	</li>

	<li>
		<h2>タイトル</h2>
		<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
	</li>

	<li>
		<h2>タイトル</h2>
		<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
	</li>

	<li>
		<h2>タイトル</h2>
		<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
	</li>
</ul>

CSSは見た目に合わせてデザインをしてください。

ここからは、一部のデザインを載せておきます。

ul {
	font-size: 100%;
	margin: 0 0 30px 20px;
	padding: 0;
}

ul li {
	font-weight: 700;
	list-style-type: decimal;
	margin: 0 auto 5px;
	padding: 0;
}

ul li:last-child {
	margin:0 auto;
}

ul li p {
	font-weight: 400;
}

デザインした下画像はこちらになります。