<ul>、<ol>タグで同じように囲んだリストも、ブラウザで見ると二つそれぞれ違う表示になります。何が原因ですか?
MacのAtomにて、<ul>で囲った見た目全く同じなのに、
ブラウザで表示させると片方は「その1とその2が1行空きます」
HTML
1<ul> 2 <li>その1</li> 3 <li>その2</li> 4 <li>その3</li> 5</ul> 6 7<ul> 8 <li>その1</li> 9 <li>その2</li> 10 <li>その3</li> 11</ul>
Chromeブラウザ画面
こうなった経緯は、
空白がある方には下記のように、
「その1」の横にコメントを入れたところ、
ブラウザに反映させたら「その1」と「その2」の間に空白が出てしまった為、
コメントが原因かと思い、コメント部分を削除し、保存→ブラウザ反映しても
空白ができてしまいます。
<!-- list itemの略 -->←このコメント消したのに、消す前と事象が変わりません。 <ol>も同じです。HTML
1<ul> 2 <li>その1</li> <!-- list itemの略 --> 3 <li>その2</li> 4 <li>その3</li> 5</ul>
コードはスクリーンショットでなくコードブロックにテキストでお書きください。

回答2件
あなたの回答
tips
プレビュー