Проблема заключается в том, что вы добавили следующие стили в свой div:
.terms {
list-style-position: inside;
background-color: powderblue;
box-shadow: 10px 10px 15px dimgray;
padding: 20px;
/*Removing the margins from left and right
margin-left: 370px;
margin-right: 370px;*/
}
Удаление стилей тезисов решит вашу проблему
Это даже не действительный JSON. Вы должны получить зеленые волнистые линии, которые отображают дубликат клавиши объекта при наведении курсора:
Вам необходимо отредактировать snippets\php.json
файл и добавление нескольких подобъектов к объекту верхнего уровня, идентифицированному разными именами ключей; такой ключ должен содержать имя фрагмента, а не язык, который уже указан в имени файла:
{
"PHP tags": {
"prefix": "php",
"body": [ "<?php $1 ?>" ],
"description": "php tag"
},
"echo statement": {
"prefix": "echo",
"body": [ "echo \"$1\";" ],
"description": "php tag"
}
}