Why adds extra top margin?

Question

I have a simple html page with some style in it and I do not understand why the adds some top margin?

Here is the source:

Answer 1

Typical Default UL styling

ul {
display: block;
list-style-type: disc;
margin-before: 1em;
margin-after: 1em;
margin-start: 0;
margin-end: 0;
padding-start: 40px; }

Reference

If you want plain vanilla css for your html you can few css in your stylesheet

Vanilla CSS