html - 对齐右输入和左标签

Question

我有问题，我想在左边对齐标签，在右边对齐输入:我试过了:

<div class="form-group">
            <label class="control-label" for="" style="float: left;font-size: 20px;padding-right: 10px;">ID : </label>
            <input style="float:right" type="text" id="" name="" value="" placeholder="Id" class="form-control"  /> 
</div>

但不能使用此功能。请帮助我!!!

Answer 1

像这样尝试: Demo

<div class="form-group">
    <label class="col-sm-2 control-label">ID</label>
    <div class="col-sm-10">
     <input type="text" id="" name="" value="" placeholder="Id" class="form-control"  /> 
    </div>