square button html

Solutions on MaxInterview for square button html by the best coders in the world

showing results for - "square button html"
Lisa
08 Nov 2020
1<html>
2<head>
3  <style>
4    /* This variable is just to show the you have to 
5    put the same value for width and height, other wise
6    it won't be square. You don't actually need the var*/
7    :root { --size-1: 100px }
8  	.square { width: var(--size-1); height: var(--size-1);
9  </style>
10</head>
11<body>
12  <button class="square"></button>
13</body>
14</html>