html - display: inline; を使用した後、html フォームとボタンが中央に配置されないのはなぜですか?

Question

フォームとボタンは画面の左側にありますが、どうすれば中央に配置できますか? 「display: inline;」を含めないと フォームはページの中央に配置されていますが、フォームを含めるとすぐにフォームが画面の左側に表示されます。

HTML

<div class="rounded">
<FORM name="myForm" method="POST" action=""; onsubmit="validate();">
<input type="text" value="Start time">  
<input type="submit" value="Save">
</form>
<button type="submit" onclick="validate1();" >Cancel</button>
</div>

CSS

rounded{
text-align:center;
align:center;
}

form {
margin:0 auto; 
text-align:center;
align:center;
display: inline;
}

Answer 1

rounded要素に一致<rounded>しますが、コンテナは<div>withclass="rounded"です。

rounded class.roundedのメンバーである要素を一致させるために使用します。