居中元素并使窗口上的字段变大

Question

我在一个简单的html页面中有以下标记。

<div>
    Name: <input id="nameInput" type="text" />
</div>
<div>
    Amount: <input id="numberInput" type="number" />
</div>
<input id="getConverted" type="button" value="button" onclick="performConversionAndDisplayResults();" />
<textarea id="resultOutput" rows="2" cols="20"></textarea>

我需要实现以下

• 将项目置于浏览器窗口中心
• 使您在当前网站中看到的项目更大
• 使textarea跨越整个宽度

最好的方法是做什么，我已经看过很多解决方案但想知道最好的方法。

Answer 1

使用CSS：

div
{
    margin: 0 auto;
    font-size: 30;
}

对于第三个，不确定您的确切方式，但我建议您查看here。