Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?

[TEO_911]

Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит?

И как с этим бороться?

Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину.

Ссылка на HTML и CSS

https://jsfiddle.net/j6z93mmk/

[klierik]

Это дэфолтные настройки браузера: http://take.ms/gMeCi

6 minutes ago, TEO_911 said:

И как с этим бороться?

ul { margin-top: 0; }

 

Еще используют нормализатор стилей: https://necolas.github.io/normalize.css/