css заголовок вертикального пространства

Question

Я пытаюсь использовать CSS/margin-top для добавления дополнительного вертикального пространства перед заголовками H3, но это абсолютно не влияет. Любые предложения будут оценены. Соответствующий CSS заключается в следующем:

h3{ 
    color:blue; 
    text-align:left; 
    font-size:26px; 
    font-weight:bold; 
    margin-top:24px <!-- Add vertical space: --> 
} 

URL документа выглядит следующим образом: http://phillipmfeldman.org/English/index.html

Answer 1

Я просто пошел на сайт, открыл отладки хромовые инструменты, нашли заголовок H3, удаленные <!-- Add vertical space: --> от H3 css, и он отлично работал ... Не уверен, что здесь может быть неправильно.

Answer 2

Ваше правило CSS margin-top не используется, потому что структура комментариев CSS отличается. <!-- some comment--> считается неправильным значением для правила. Вместо этого используйте ниже.

h3{ 
    color:blue; 
    text-align:left; 
    font-size:26px; 
    font-weight:bold; 
    margin-top:24px;/*Add vertical space*/ 
} 

Кроме того, всегда помните, чтобы добавить точку с запятой в конце, как mauzy_broadway указал.

Answer 3

Причина, по которой она не работает, потому что вы используете комментарий HTML вместо CSS, например, /* comment here */.

Удалить комментарий, и правило должно применяться только в порядке.

Answer 4

Добавить точку с запятой после 24px, комментарий отбрасывает ее.