Как контролировать ширину заголовка (H2) с помощью CSS?

Question

Я попробовал CSS ниже.Все остальные спецификации работают, кроме ширины.Вы можете увидеть пример слишком широкого здесь , если вам нужно.

Спасибо за вашу помощь - Тара

.title h2 {
margin:10px 0 0 0;
width:780px;
font-family: HarabaraHandItalic;
font-size: 30px;
padding: 0 0 0 15px;
color:#000;

}

Answer 1

Ширина, которую вы используете, слишком велика. Попробуйте сделать ширину 750px например. Вы увидите, что все работает отлично!

Имейте в виду, что отступ будет добавлен к ширине элемента. В вашем случае элемент h2 имеет размер 780px (ширина) + 15px (отступ слева) = 795px.

Answer 2

Вам нужно уменьшить как "ширину", так и "размер шрифта", чтобы он соответствовал.

Или, если размер шрифта должен оставаться прежним, вам нужно уменьшить количество копий.

Answer 3

Здесь работает нормально.

Я подозреваю, что вы не понимаете, что означает width.Свойство описывает ширина содержимого .Заполнение (15px) и границы (0px) и margin (0) отображаются вокруг ширины.

В любом случае контейнер имеет ширину всего 670px, так что вы, вероятно, не хотите что-то такое, чтоимеет внутри 795 пикселей (ширина плюс отступ).