如何实现 label 文字右对齐，input左对齐

在做百度前端技术学院 HTML/CSS作业的时候，遇到了这样的挑战。
在当时我还不知道要用label写 input前面的文字，所以用的表格布局，强行让其对齐。
后来在 stackoverflow 发现了这种解决方案 : 让label成为行内块元素，给其宽度，然后让文字居右即可。
HTML 代码如下

            

                用户名：
                
            
            

                密码：
                
            
            

                个人描述：
                
            
            

                
                
            

CSS代码如下：

.block{
        width: 400px;
        display: block;
        margin:5px 0;
    }
.center{
        text-align: center;
}
label {
        display: inline-block;
        width: 100px;
        text-align: right;
}
input,textarea{
        vertical-align: top;
}

效果如图所示：

label文字右对齐，input左对齐效果