Когда button проверяется с помощью инструмента разработчика браузера, он показывает правое поле, которое простирается от правого края button до правого края браузера. Тем не менее, он показывает значение «-» в графическом представлении элемента в разделе Computed инструмента инспектора.
Примите во внимание некоторое объяснение того, почему инструмент инспектора показывает правое поле со значением '-', даже если button выровнено по левому краю (правое поле должно иметь некоторые значения). Кроме того, корректировки, внесенные в правую маржу, не приводят к изменению позиции button. Однако, внося коррективы в верхнее, левое и нижнее поле, переместите button.
Спасибо!
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<style>
.test {
display: block;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input type="button" class="test" value="The Button">
</body>
</html>