Блог

На этой странице я пытаюсь создать текстовое поле вокруг абзаца, начинающегося словами «Важно не …». Я использовал этот CSS:

 .transbox  {
    background: #F5FBEF;
    border: 1px solid #E3F6CE;
    padding: 10px;
    margin: 10px auto;
}
  

Текст немного отодвинулся от другого текста в статье, но он не отображается так, как должен. Есть идеи, что не так?

Ваши стили .transbox находятся в тегах комментариев CSS, поэтому они не отображаются. Переместите стили из тегов /* */.

Также следует отметить, что в самом поле нет тегов абзаца, поэтому .transbox p это не сработает.

текст не соответствует строке, потому что ваш «transbox» является div , а не a p — вы могли бы просто закодировать его, <p class="transbox"> чтобы он наследовал другой p CSS, или, если внутри этого поля будет больше <p> элементов, вам нужно, чтобы .transbox CSS (в частности, поля) соответствовали вашему p

тогда не .transbox применяется CSS, вы уверены, что ваш обновленный CSS выше введен правильно (т. Е. регистр classname).. или, возможно, старая таблица стилей кэширована и нуждается в обновлении, чтобы получить добавленный вами код