-1
I want to create this button:
I’ve tried that:
<html>
<head>
<style>
button {
background-color: #343A40;
}
span {
background-color: #9A9DA0;
width: 50px;
display: block;
margin-bottom: 6px;
height: 8px
}
</style>
</head>
<body>
<button>
<span> </span>
<span> </span>
<span> </span>
</button>
</body>
</html>
How do I make it equal to the image model?
Why add a
<section>
inside the button? This does not hurt the document semantics?– Woss
But it’s a button or a Section?
– Caetano Sincero
I put it just to stylize better
– André Junior
In my view this hurts the semantics of HTML and invalidates it under the W3C/WHATWG specification given that
<section>
is a session element while<button>
expects only phrased elements. Style should be the responsibility of CSS, not HTML.– Woss