html - 改行 HTML を削除する

Question

HTMLの改行を削除する方法を知りたいです。たとえば、このコードでは 2 つの Hello World が重なり合っています。このサイトに参加するにはプログラミングが下手で申し訳ありません。

<p>Hello World</p>
<p>Hello World</p>

Answer 1

いくつかのオプションがあります:

p {
    display: inline-block;
}

JS フィドルのデモ。

または：

p {
    display: inline;
}

JS フィドルのデモ。

削除したいのが最初の下部とp2番目の上部の間の空白の場合:p

p {
    /*      top  right  bottom  left */
    margin: 0    0      0       0;
}

JS フィドルのデモ。

Answer 2

タグはブロック レベルの要素です。<p>つまり、デフォルトでは、コンテナの幅全体を取得しようとします。タグを使用する必要がある場合は、<p>「display:inline」を使用して CSS で動作を変更できます。ただし、<span>タグはデフォルトでインライン要素であるため、必要なものにはタグの方が適している場合があります。

W3Schools には、役立つ情報がたくさんあります。

http://www.w3schools.com/html/html_blocks.asp