Я пытаюсь горизонтально расположить 3 кнопки и одну ссылку,которая будет выглядеть как кнопка. Получилось все,кроме расположения текста по центру div'a. Я пробовал использовать margin,но безрезультатно. Подскажите,что нужно сделать что бы текст был по центру?
body{background-color:#ece4e4;}
a{text-decoration:none;
color:black;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:175%;
}
input.buttons{border-radius: 12px;
background-color:white;
height:38px;
width:24%;
border-width:1px;
border-color:solid black;
}
#buttons_form{width:50%;
height:40px;
}
.c{border: 0.5px solid gray;
border-top-color: white;
border-left-color: white;
height: 36px;
vertical-align: bottom;
text-align: center;
width: 24%;
display: inline-block;
border-radius:12px;
background-color:#fafafa;
}
#button_link{font-size: 100%;}
<!DOCTYPE html>
<head>
<meta name="keywords" content="разные, ключевые, слова,it2.0">
<meta charset="utf-8">
</head>
<body>
<form id="buttons_form">
<input class="buttons" type="submit" value="Сохранить">
<input class="buttons"type="submit" value="Сохранить и добавить">
<input class="buttons" type="submit" value="Сохранить и закрыть">
<div class="c"> <a id="button_link" href="settings.html">Закрыть</a> </div>
</form>
</body>