＆lt; li＆gt;の間で改行する

Question

display：inline の＆lt; li＆gt; 要素で構成される水平メニューがあります。

要素はシームレスに隣り合っているはずです。

ソースコードでは、デバッグを容易にするために、各liを1行に入れたいと思います。

<li class="item1 first"> ... </li>
<li class="item2"> ... </li>
...

ただし、各要素の後に \ n を追加すると、メニュー項目の間にギャップが生じます。私はこれが意図された動作であることを収集しますが、巧妙な「ホワイトスペース」を使用してそれをオフにする方法はありますか？設定か何か

  

編集：floatを使用できません。これは、リストアイテムを中央に配置するオプションを備えたCMSにあります。

Answer 1

レンダリングの問題を回避できますが、次のようにコードを維持可能にしてください：

<ul
  ><li>item 1</li
  ><li>item 2</li
  ><li>item 3</li
></ul>

空白は削除されますが、入力したマークアップがCMSで混乱しない限り、テキストエディターでアイテムを編集するのは簡単です！

Answer 2

CSSを編集する機能はありますか？その場合、＆lt; li＆gt;のパディング/マージンを調整してみてください。素子。それは読みやすさの多くの努力のようです。

使用しているブラウザに応じて、HTML Tidyを取得できます http：//users.skynet .be / mgueury / mozilla / 。ソースを整理するオプションを提供します。これはデバッグに十分役立つ可能性があります

Answer 3

CSS + floatはあなたの友達です。

Answer 4

HTMLは空白に依存しないため、改行を追加しても効果はありません。ただし、一部のブラウザのレンダリングエンジンでは、これが正しく機能しません。

おそらくあなたがしたいことは、追加することです

float：left;

liタグに追加して、隣り合うようにします。