label和span标签设置宽度width无效的解决办法

如何用CSS使label标签等宽？

<div><label>密码</label><input type="password" /></div>
<div><label>确认密码</label><input type="password" /></div>
如何对齐呢？加空格的方法不好哦。（因为label中的字数不一样，所以页面显示效果不对齐）

问题原因及解决办法：

label默认为内联元素，元素前后没有换行符，并且不可以设置宽度。

如果要为label设置宽度，则需要改变label的display属性，使其变为一个块级元素。

方法如下：

1.增加inline-block属性值，将label标签变为行内块元素（css2.1新增）

     {display:inline-block;}

2.增加width属性，如将宽度设置为100px

    label{width:100px;display:inline-block;}

3.添加好后页面上所有的label标签会变为100px