Html 浏览器是否自动更改线条高度？

我试图将段落的行高保持在1.0。下面是我正在使用的CSS类：

.bottombarinfo{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 1.0;}

这就是我在HTML代码中使用CSS类的地方，它是一个段落/Span：

    <p><img src="images/1.jpg" alt="HTC ONE" width="238" height="168" class="floatleft">
<span class="bottombarinfo">From its beautifully designed aluminum chasse to its fluid Android OS, the HTC one is spectacular, but is it the phone to go agains the Galaxy S4 and
Apple's iPhone 5?</span></p>

从设计精美的铝合金外壳到流畅的安卓操作系统，HTC one可谓壮观，但它是一款可以与Galaxy S4和Android系统抗衡的手机吗
苹果的iphone5

---

我试着将图片放在段落之外，并删除/更改跨距，但Firefox、chrome和IE这三大浏览器都将文本隔开，行距接近2.0。那么我应该怎么做才能让浏览器显示1.0的线条高度呢？提前谢谢

您是否尝试过使用重置样式表来阻止浏览器使用默认样式？它们可以在网上找到并免费下载。一定要把它作为你的第一个样式表

<p><img src="images/1.jpg" alt="HTC ONE" width="238" height="168" class="floatleft" />
<span class="bottombarinfo">From its beautifully designed aluminum chasse to its fluid Android OS, the HTC one is spectacular, but is it the phone to go agains the Galaxy S4 and

---

在这里玩，在你想要的地方得到它

不幸的是，我已经试过了，但它不起作用，谢谢你的回答！请发布一个简化的问题我不知道为什么，购买它在JSFIDLE中工作，但在浏览器中不工作。使用CSS重置，如Yahoo YUI CSS REST

http://www.cssreset.com/scripts/yahoo-css-reset-yui-3/

仅将HTML和CSS拉入新的HTML文档不会重现问题。在所有浏览器中，线条高度都是1，我可以想象您希望它显示的样子。

.bottombarinfo {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 300%;
}