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