如何最小化每行段落之间的 space

Question

我有大约 5 个段落，它们描述了 "Name" "Member Since" 和 "Currency"。

CSS我该怎么做才能缩短它们的高度。

http://i.imgur.com/EwZPeik.png 这是一个镜头。头像下方的绿色部分是我希望在垂直对齐方面更接近彼此的字体。

有什么想法吗？

HTML 然后是 CSS

.user-info-box {
 padding: 25px;
border: 25px;
margin: 25px;
border: 1px solid #2fac66;
}

p {
 color: #2fac66;  

}

#user-avatar {
padding: 5px;
border: 1px solid #2fac66;
}

.avatar-detail {
    color: #2fac66;
}

        <div class="user-info-box">
<img src="images/user-avatar.png" id="user-avatar">

<p class="avatar-detail">[Username]</p><p class="avatar-info">Captain Anderson</p>

<p class="avatar-detail">[Currency]</p>
<p class="avatar-info">1, 132</p></center>
        
        
<p class="avatar-detail">[Member Since]</p>
<p class="avatar-info">September 29th, 2014</p></center>
        
        
<p class="avatar-detail">[Profile]</p>
    <p class="avatar-info"> >> click here</p></center>

</div>

Answer 1

查看您的代码会有所帮助，但您可以像这样重置 <p> 标签的边距和填充，

p {margin: 0; padding:0;}

然后将段落标签上的行高更改为所需的像素高度。

p {margin: 0; padding:0; line-height: 15px;}

Answer 2

p {
Line height: 50%;
}

做到了。谢谢。已经工作了 4 个月。只学了半年左右的web。需要一点时间才能恢复。

荣誉！

如何最小化每行段落之间的 space

How to minimize space between pargraphs on each line

html

css

text-alignment