In questo test sull'elemento HTML5 figure
appare evidente come questo elemento riceva degli stili predefiniti da parte dei browser, nonostante le specifiche CSS non lo contemplino. Quali sono questi stili?
I browser applicano i seguenti stili predefiniti:
figure {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
Quindi per resettare tali stili dobbiamo semplicemente azzerare i margini dell'elemento figure
.