Как минимизировать расстояние между парграфами в каждой строке

У меня есть около 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%;
}
Это сделал это. Благодарю. Работал рабочий день 4 месяца. Изучал веб только около полугода. Требуется немного вернуться в.

KUDOS!

Другие вопросы по тегам