уменьшить высоту линии между двумя i-элементами

Question

У меня проблема с высотой линии. Есть ли способ уменьшить высоту линии и поместить i-элементы ближе, по крайней мере, на бензин-фон, так как невозможно использовать отрицательное значение для высоты линии?

JS Fiddle

HTML:

<i>Nummer eins</i><br> 
<i>Nummer zwei</i> 

CSS:

@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic); 

i { 
font-family: "Lora", serif; 
font-size: 0.8em;  
font-weight: normal; 
line-height: 0em; 
padding: 0px 3px; 
color: white; 
background-color: #406A76; 
} 

Заранее спасибо!

Answer 1

проверить, если это помогает решить проблему jsfiddle

HTML

<i>Nummer eins</i> // iremoved the br tag 
<i>Nummer zwei</i> 

CSS

i { // line height removed 
    font-family: "Lora", serif; 
    font-size: 0.8em; 
    font-weight: normal; 
    padding: 0px 3px; 
    color: white; 
    background-color: #406A76; 
    float: left; //added float left here 
    clear: both; //added clear both 
} 

Answer 2

Если ваша цель состоит в том, чтобы устранить белую полосу между двумя линиями, это может быть хорошим решение поставить их как в <div>, так и в <span> (я использовал пролет)

JSFiddle

HTML

<span> 
<i>Nummer eins</i><br> 
<i>Nummer zwei</i> 
</span> 

CSS

@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic); 

i { 
    font-family: "Lora", serif; 
    font-size: 0.8em;  
    font-weight: normal; 
    line-height: 0em; 
    padding: 0px 3px; 
    color: white; 
    background-color: #406A76; 
} 
span { 
    background-color: #406A76; 
}