1、新建一个html文档，可以用任何文本器，这里演示用Dreamweaver软件，新建并保存html文档。

2、然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。

3、然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。

4、打开浏览器测试一下，点击按钮之后输入框内自动居中了，如下图所示。

你把你《body》 《/body》里的那堆东西放到一个 div里，让div 居中，所有的表单项不就居中了

HTML中设置标题居中的具体操作方法为：

1、打开html应用软件，在文本框中，输入文本标题。

2、在输入好的标题前面加入代码style：text-align：center。

3、之后即可成功将网页的标题设置为居中位置。

div居中可以用外边距margin属性来实现。

1、新建html文档，在body标签中添加div标签，标签的id为“header”，这时因为div标签中没有内容且没有设置样式，所以网页中显示空白：

2、这时为div标签设置原题中的css样式，此时虽然div盒子显示了，但是没有居中：

3、此时为div添加一个“margin: 0 auto”属性就会居中显示，“margin”指的是div标签的外边距，“0”指的是div标签上下的外边距，“auto”指的是div标签左右的外边距，并且会根据浏览器窗口大小自动居中，这时就是完整的html和css代码：

可以用“text-align”属性控制文字的位置，“center”属性值让文字居中显示。

1、新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示：

2、为div标签设置“text-align”属性，属性值为“center”，这时文本将会居中显示：

3、如果想让文本靠右显示，可以为“text-align”属性设置“right”属性值，这时文本将会靠右显示：

设置div的样式中的“text-align”值为“center”就可以了。这个意思是将div内的元素在div内部进行居中，不止是input输入框，包括input其他类型，字符串等都是会被居中。以下演示具体示例步骤：

1、打开一个HTML文件器，新建一个HTML文件，在HTML文件中输入HTML文件所需要的基本元素。

2、接下来再body标签内添加一个div标签，然后在div标签中添加一个input输入框标签。

3、接下来再div元素里面配置相关属性。元素配置属性有三种方法：行内式，行外式和外部式。在这里使用的是行内式。

4、保存好在浏览器中运行好的HTML文件。效果如图：

这个其实很简单的，只要添加一条标签就能让其居中把你登录的id和密码还有下边的按钮放到一个div里，给这个div设置margin：0 auto;就居中了。这个其实很简单的，只要添加一条标签就能让其居中 这个是html5的标签，兼容性不好，还是用div+css2吧。

1、在准备HTML网页之前，先了解一下HTML代码的基础知识。

学习不同标签，你可以使用它们改变字号或者文本格式。比如在括号内的“b”用来把字体加粗。“i”用来表示斜体字。在代码中不要包括引号。

练习使用配对标签。大多数格式标记需要两个标签，分别在文本的开头和结尾。第一个标签将包括标签括号内（《》）的字母和符号。第二个标签将包括一个反斜线，并位于标签之前。例如，在加粗的文本开头的括号内插入“b”，并在文本结尾的括号内插入“/b”。

2、找出在网页中想要居中的文本。

3、在文本开头之前的括号内插入标签“center”。不要在标签和文本之前包括空格。

4、在文本结尾后的括号内插入“/center”。不要包括空格。

5、保存你的网页。浏览网页看看文本是否按要求对齐。

如果没有改变文本的对齐方式，那么需要运用一个程序，比如HTML5这样使用CSS而不是HTML代码的程序。试试用第二种方法来正确的对齐文本。

可以用增高行距的办法变通实现垂直居中，完整代码如下：

《html》《head》《style》body{TEXT-ALIGN: center;}#center{ MARGIN-RIGHT: auto;MARGIN-LEFT: auto;height:200px;background:#F00;width:400px;vertical-align:middle;line-height:200px;}《/style》《/head》《body 》《div id=“center“》《p》test content《/p》《/div》《/body》《/html》