jQueryでインライン要素をHTML内で改行すると発生する空白を削除する実験｜BLACKFLAG

Webページ制作時において、＜li＞や＜img＞などのインライン要素に対して HTMLソース上でタグ間を改行させると半角スペースほどの空白（余白）が発生してしまい 扱いに困ることがあったりするので、この空白をjQuery使って強引に削除する実験をしてみました。 まず単純に＜li＞をインライン要素として 下記の様にHTML上に記載すると・・・ ◆HTML <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> これをこのままブラウザで実行させると 下記の様に数字の間に半角スペースほどの空白が発生します。 ※空白が分かりやすいように各数字にはCSSでボーダーをつけてあります。 この空白は＜li＞～＜/li＞の