2

Два строчных элемента расположены друг под другом

<span class="company-name">COMPANY NAME</span>
<span class="slogan">short slogan goes here</span>

Для них заданы свойства

#logo .company-name {
color: #003d5a;
font-size: 24px;

}

#logo .slogan {
    color: #9a0000;
    font-size: 14px;
}

За счет чего подвинуть эти два элемента друг к другу по вертикали? На отрицательные маргины они не реагируют.

2 ответа 2

2
.slogan{
display:inline-block;
    margin-top:-15px;
}

.slogan{
position:relative;top:-15px;
}

все зависит от конкретного случая.

2
  • с display:inline-block; не сработало, а с display:block; получилось. спасибо))
    – Heidel
    23 окт 2012 в 19:31
  • Это не верный ответ. Значение em может расчитываться от браузера к браузеру разительно, поэтому фиксированные значения не подойдут. Советую использовать ответ ниже. 3 янв 2017 в 8:45
1

Для общего блока обнуляем font-size, а потом уже индивидуально к каждому его прописываем:

#logo {
font-size: 0;
}

#logo .company-name {
font-size: 24px;
}

#logo .slogan {
    font-size: 14px;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.