css – 文本更改时,div和文本框未在同一位置对齐

几个小时前,我提出了一个问题,即要排列2个文本框.

但现在问题是文本框已对齐,我已将选择列表放在每个文本框的旁边.

但问题是,当我在文本框之前更改标签或文本时,所有形成都会受到干扰,并且它不会以相同的格式对齐.
我希望无论我在文本框之前写的文字,文本框的位置都不应该改变. (一个文本框应该在另一个位置相同)

fiddle demo

代码：

.divkl {
    display: inline;
    margin: 20px;
}
.blockl{
    width: 100%;
    display: block;
    padding:3px;
}
.txt_prd_add
{
    width:100px;
    border-radius:0px !important;
    margin-left:10px;
    margin-top:4px;
}
.select_prd
{
    width:85px;
    margin-top:4px;
}

DEMO

<label class="title">Material</label>

.title {
    display: inline-block;
    width: 80px;
}