Почему появляется внешний отступ?
Margin в данном случае отсутствует на скриншоте. Если тебе необходимо отцентрировать этот элемент, задай параметр margin: 0 auto
У него нет margin. Удобно смотреть блочную модель справа снизу на скрине, там показывает и margin, padding, border. Из-за этого и прижимается к левому краю.
Если не ошибаюсь то блочные элементы занимают всю ширину - из-за этого "кажется что есть margin". Div по умолчанию блочный( display: block).