How to set Default CSS Settings on HTML <menu> Tag

Most browsers will display the <menu> element with the following default values:

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
menu {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
</style>
</head>
<body>

<p>A menu element is displayed like this:</p>

<menu>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</menu>

<p>Change the default CSS settings to see the effect.</p>

</body>
</html>

Output should be:

Type:	html
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin