HTML5: Настройте поля вокруг содержимого элемента

Возможно вы уже заметили, что все HTML элементы фактически маленькие прямоугольники.

Три важных свойствах регулирующих пространство вокруг HTML элементов: padding, margin и border

Свойство padding определяет величину внутреннего отступа между содержимым элемента и его границей.

Здесь мы видим, что зеленый и красный блоки вложены в желтый. Обратите внимание, что отступ текста от границ в красном блоке больше чем в зеленом.

Когда вы увеличиваете значение свойства padding у зеленого блока - увеличивается расстояние между текстом и границей блока.

Измените значение свойства padding зеленого блока, чтобы он стал таким же как блок красного цвета.