Is there any problem if I define my own HTML element in this way:
mynewelement {
display: inline-block;
border: 3px solid;
border-color: red;
background-color: pink;
color: #000;
padding: 4px;
}
<mynewelement>Hello World</mynewelement>
Will this lead to problems in the browser?
For me it works fine, no problems detected, but I worry it's not the right way to create a web element supported by all browsers. Is this incorrect? Or is this the same thing like any other html element(div, em, small, etc) and no difference?
Are all html elements made in this way?