Как прилепить два тега «pre» друг к другу?

Question

[aygumov]

Мне нужно получить такое:

Но у меня получается такое:

<pre style="color: white;">Hello World!</pre>
<pre style="color: red;">Hello World!</pre>

Что мне нужно изменить в коде выше, чтобы эти два тега находились на таком же близком расстоянии друг от друга как на первом скриншоте?

Answer 1

[0x0f80]

<pre style="color: white; margin: 0;">Hello World!</pre><pre style="color: red; margin: 0;">Hello World!</pre>

Comments

[aygumov]

К сожалею между ними всё равно остаётся маленькое расстояние. А возможно ли сделать чтобы они были вплотную друг к другу?

[0x0f80]

aygumov,

<pre style="color: white; margin: 0;">Hello World!</pre><pre style="color: red; margin: 0; margin-top: -4px;">Hello World!</pre>

[aygumov]

0x0f80, Благодарю

[Сергей delphinpro]

0x0f80, может лучше line-height уменьшить, вместо "магических" -4px?
line-height:1;

Answer 2

[Hovo_Varosyan]

можешь через line-height