html中怎么将标签左对齐，而文本框右对齐的方法

html-css019

html中怎么将标签左对齐，而文本框右对齐的方法,第1张

设置其对齐样式将标签设置为左对齐，文本框设置为右对齐。如：

<label class="la"></label>

<input type="text" class="textBox"/>

css：

.la{text-align:left}

.textBox{text-align:right}

text-align是文本对齐样式，有三个取值，分别是：left、center、right。

1、首先，我们先看看不加任何修改的时候的效果，新建a.html文件，并准备一张小标，如下。

2、使用浏览器打开a.html，可以看到默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐。

3、再次编辑a.html，加入以下css代码：.hlong *{display:inline-blockvertical-align:middle}保存。

4、再次使用浏览器访问a.html页面。对比一下两种结果，标签中的文已经实现了居中对齐。