文字如果用<br/>换行后加上了line-height，为什么line-height不起作用了？

1.一个p元素里的文本用<br/>换行后，给p元素加上了line-height，但line-height却不起作用，

<div class="top2">
        <h1>龙湖股份:百强房企跨越上市 引领地产阔步走强</h1>
        <p>12月30日上午9点28分，随着董事长俞午先生和总裁汪液女士一起敲<br />
        响了当天开市锣声，A股开盘之时，正式更名为"龙湖股份"。......</p>
       </div>
 .top2 p{color:#FFF; margin-top:15px; text-indent:24px; line-height:10px;   }

当line-height值大于10px的时候又会起作用了，请问这是为什么呢？

 

2.

当用两个p元素而不用<br/>时， line-height:10px，又有作用了，请问原因何在？

<div class="top2">
<h1>龙湖股份:百强房企跨越上市 引领地产阔步走强</h1>
<p>12月30日上午9点28分，随着董事长俞午先生和总裁汪液女士一起敲</p>
<p>响了当天开市锣声，A股开盘之时，正式更名为"龙湖股份"。......</p>
</div>

.top2 p{color:#FFF; margin-top:15px; text-indent:24px; line-height:10px; }

这种情况有点迷糊了？小白一枚，还望大神不嫌弃请指教。

转载于:https://my.oschina.net/sunachen/blog/399331