Я пытаюсь центрировать поля ввода и кнопки (теги) в HTML-форме. Я делаю это с автоматическими левыми и правыми полями. Это прекрасно работает в большинстве браузеров, но не в Chrome для Mac (в Chromium для Linux):
<html>
<body>
<form style="width: 300px; display: block; text-align: center; background: red;">
<input value="Centre" type="submit" style="display: block; margin: 10px auto; background: green;" />
</form>
</body>
</html>
Я ожидаю увидеть кнопку в центре формы, но на Chrome Mac я вижу ее с левой стороны. Если я укажу ей явную ширину по центру кнопки, или если я использую другой элемент формы, например текстовое поле, но это не очень удовлетворительные решения.