У меня есть div, в котором есть три элемента: метка, поле ввода и кнопка. у каждого из них 30 процентов ширины, поэтому они должны стать меньше при изменении размера браузера, но в какой-то момент кнопка будет нажата. Вот код
<!DOCTYPE html>
<html style="height: 100%; margin: 0">
<head>
<title></title>
</head>
<body style="height: 100%; margin: 0">
<div style="width: 30%; height: 20%; background-color:red; text-align: center; ">
<label style="height: 80%; width: 30%; display: inline-block;">Table No: </label>
<input style="height: 80%; width: 30%" type="text" name="">
<button style="height: 80%; width: 30%">Back</button>
</div>
</body>
</html>
как я могу предотвратить нажатие кнопки?