Tenho dificuldade em posicionar controles, do tipo: Tenho um TextArea e gostaria de colocar um label ao lado dele, ao lado da parte inferior direita e abaixo do label, um controle SELECT.
Bem eu tenho conseguido, mas tipo assim, dando top e left com valores numéricos, o que eu não gosto muito, devido as inconsistências dos browsers. Há uma forma mais prática, mais confiável de se posicionar sem ter que estar fixando numericamente o controle?
Coloquei uma imagem e essa imagem está ligeiramente abaixo do label, isso faz com que eu tenha um espaço a mais entre um e outro. Veja o código completo abaixo.
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="lblCnpj" class="col-md-2 control-label">CNPJ:</label>
<div class="col-md-4">
<input type="text" class="form-control" id="txtCnpj" placeholder="Digite o Cnpj">
</div>
<label for="lblStatus" class="col-md-2 control-label">Status:</label>
<div class="col-md-4">
<img src="~/Images/Certo.png" class="col-md-2 control-label"/>
</div>
</div>
<div class="form-group">
<label for="lblRazao" class="col-md-2 control-label">Razão Social:</label>
<div class="col-md-6">
<input type="text" class="form-control" id="txtRazaoSocial" placeholder="Digite a razão social">
</div>
</div>
<div class="form-group">
<label for="lblIdEvento" class="col-md-2 control-label">ID Evento:</label>
<div class="col-md-2">
<input type="text" class="form-control" id="txtIdEvento" placeholder="Digite um evento">
</div>
</div>
</form>