制作途中で空の要素を入れてしまう…なんてコーディングの凡ミスを防げるか？！の例。

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

このサンプルのCSS

/* 凡ミス防止用 ここから*/	
*:empty{
	background:red;
	padding:50px;
	}
img:empty{
	background:none;
	padding:0;
	}
/* 凡ミス防止用 ここまで */

このサンプルのHTML

<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト<br />
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
<p></p>
<ul id="sample3">
<li>サンプルテキストサンプルテキスト</li>
<li>サンプルテキストサンプルテキスト</li>
<li></li>
<li>サンプルテキストサンプルテキスト</li>
<li>サンプルテキストサンプルテキスト</li>
</ul>
<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキスト<strong></strong></p>