Css 减少两个i形元件之间的线高度

我对线的高度有意见。有没有办法降低线高度并将i型元件移动得更近，这样至少可以触摸汽油背景，因为线高度不可能使用负值

HTML:

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

---

提前谢谢

检查这是否解决了您的问题

html

---

如果您的目标是消除两行之间的白色条，那么将它们都放在

或

中可能是一个很好的解决方案（我使用了span）

html

---

谢谢，这完全解决了我的问题。只是一个问题：为什么有必要删除行高？@ris OP用br标记说他不能同时触摸两个i元素，但你所做的是将它们放在一行中。他会问这个问题。回过头来看，我很困惑OP为什么要作为ans来问？为什么他要使用？然后是什么问题。将两个i元素放在一行中？并没有人会对那个简单的问题放弃投票。有点不对劲。问题是br标签和线条高度。我在我的回答中考虑到了这一点。首先，我是一个女人。其次，我添加了一个
，因为我不想让它们排成一行，这可以通过去掉
并让元素向左浮动来解决！我的问题完全解决了。我有点困惑——唯一“错误”的是我没有自己想出解决方案。顺便问一下，“被问为回答”是什么意思？不幸的是，这并没有起作用。可能取决于浏览器，我使用的是Firefox 37.0.1。我使用的是稍旧的版本，但它仍然可以工作：|您只需在跨度中添加相同的颜色。这并不能解决问题。它将增加元素的高度。

@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;
}

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

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
}

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

@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;
}