input实现垂直对齐

Question

如何实现input框图片中的对齐

Answer 1

这个就是个table，两列，左边这列右对齐，右边这列左对齐。table可以用<ul><li>实现，或者<div>。

Answer 2

.left,.right{
display: inline-block;
}
.left{
    width: 150px;
}
.left{
text-align: right
};
    <div>
            <div class="left">XXXXX</div>
            <div class="right"><input type="text" /></div>
        </div>