After creating two buttons, one with short text and the other with long text, I noticed that they are not aligned properly.
Is there a way to align the second button even when the text is long?
https://jsfiddle.net/ws2awc03/
var btn = document.createElement("button");
var btn2 = document.createElement("button");
var body = document.getElementsByTagName("body")[0];
btn.style.width = "200px";
btn.style.height = "150px";
btn.style.margin = "10px";
btn.innerHTML = "text";
body.appendChild(btn);
btn2.style.width = "200px";
btn2.style.height = "150px";
btn.style.margin = "10px";
btn2.innerHTML = "text text text text text text text text text text text text text";
body.appendChild(btn2);
*Please note that this example only includes two buttons, but in reality, there may be a 10x7 matrix of buttons.