Output label overlays output

[wbamberg]

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress

[NiedziolkaMichal]

I have checked all HTML examples and those are pages with the same problem on firefox:
div, figcaption, figure, caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr, details, summary, email, number, time, week, area, img, track, video, style, fieldset, form, legend, iframe, object, picture, article, header.

Most pages have parapraph or a heading at the top, which provides additional top margin and there is no overlapping. However if there is an image, table, div, label, form, video or few other similar elements, content may be partially hidden by "OUTPUT". How about adding padding-top to .output, to lower every example by just a little bit?

[wbamberg]

Thanks for doing this analysis @NiedziolkaMichal ! Yes, it looks like that could work. I wonder if we even need the output label.

[NiedziolkaMichal]

CSS and JS examples don't have such label. I think deleting it might also be a good solution:

[NiedziolkaMichal]

Fixed by #820