HTML Figure Tag

Define : 
This tag specifies self-contained content, like illustrations, diagrams, photos, code listings.

For example :

Output :

This tag it is related to the main flow and its position is independent of the main flow, and if removed it should not affect the flow of the document.
Browser Support :

Element	chrome	firefox	microsoft edge	opera
<figure>	8.0	4.0	9.0	11.0

Global and event Attributes:
 This tag also supports the Global and event Attributes in HTML.
Default CSS Settings
 Most browsers will display the <figure> element in css
figure {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}