箇条を書くときはリストのタグを！

7月に入ってちょうど半年になりましたね。

梅雨明け宣言してから暑さが続いてますが…

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

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

箇条を書くときはリストのタグを！

ある企業のページを作るときにたまに更新依頼が来ます。

しかし、どこの会社で作ったのか知らんけど、「箇条」を作成するとき、プロなのかめんどくさいなのか知らんけど…

一部抜粋してお見せしますね。

<p>
* ここに箇条1のテキストが入ります。<br>
* ここに箇条2のテキストが入ります。<br>
* ここに箇条3のテキストが入ります。<br>
* ここに箇条4のテキストが入ります。<br>
* ここに箇条5のテキストが入ります。<br>
* ここに箇条6のテキストが入ります。<br>
</p>

これを見て、ホンマにふざけてんのかって言いたいぐらいです。

過去のブログにも説明しましたが、「<br>」ではなく、「<br />」最後までフラッシュ（/）を入れて下さい！

どれぐらいの費用をお支払いしてきたのか知らんけど…

もしかしたら、「*（アスタリスク）」のリストがないからこれを書き込んでた可能性もありますね。

プロとして、思考力がないのかって聞きたいぐらいです。

箇条書きをするなら、しっかりとプロとして書き込んでください！

<ul>
	<li>ここに箇条1のテキストが入ります。</li>
	<li>ここに箇条2のテキストが入ります。</li>
	<li>ここに箇条3のテキストが入ります。</li>
	<li>ここに箇条4のテキストが入ります。</li>
	<li>ここに箇条5のテキストが入ります。</li>
	<li>ここに箇条6のテキストが入ります。</li>
</ul>

これで、「*（アスタリスク）」を入れるなら、CSSデコーディングをしてください。

ul {
	margin:0 auto 30px;
	padding: 0;
}

ul li:before {
	content: '*';
	display: block;
	left:0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

ul li {
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	position: relative;
}

ul li:last-child {
	marign: 0;
}

これなら、プロとして記述して当たり前やと思いますね！

再度、勉強しなおしてみてはいかがでしょうか？

では、また！