Как минимизировать расстояние между парграфами в каждой строке
У меня есть около 5 абзацев, и они описывают такие вещи, как "Имя", "Участник с" и "Валюта".
Что я делаю в 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>
2 ответа
Решение
Это помогло бы увидеть ваш код, но вы можете сбросить поля и отступы для <p>
теги вроде так,
p {margin: 0; padding:0;}
и затем измените высоту строки на тегах абзаца до желаемой высоты пикселя.
p {margin: 0; padding:0; line-height: 15px;}
p {
Line height: 50%;
}
KUDOS!