Возможно вы уже заметили, что все HTML элементы фактически маленькие прямоугольники.
Три важных свойствах регулирующих пространство вокруг HTML элементов: padding
, margin
и border
Свойство padding
определяет величину внутреннего отступа между содержимым элемента и его границей.
Здесь мы видим, что зеленый и красный блоки вложены в желтый. Обратите внимание, что отступ текста от границ в красном блоке больше чем в зеленом.
Когда вы увеличиваете значение свойства padding
у зеленого блока - увеличивается расстояние между текстом и границей блока.
Измените значение свойства padding
зеленого блока, чтобы он стал таким же как блок красного цвета.