Alinhe o texto com a borda direita de um formulário HTML
Pergunta
Eu tenho uma forma HTML em que a largura de uma textarea é especificada com cols =. Quero que a textaree tenha uma largura específica em termos de número de caracteres.
No entanto, também quero que alguns controles sejam justificados à direita na borda direita da textarea. Eles não estão na textarea, mas diretamente acima ou abaixo dele. É possível fazer isso?
Eu estava pensando que uma abordagem possível poderia estar envolvendo a textareia com algum tipo de contêiner que poderia crescer até a largura da textareia, mas não tenho certeza de como poderia justificar o texto certo dentro disso.
Solução
.Container {
position: relative;
float:left;
}
.Inner {
position: absolute;
right: 0;
}
<div class="Container">
<textarea cols="50"></textarea>
<div class="Inner">Right edge!</div>
</div>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow