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.

Foi útil?

Solução

Assim:

.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
scroll top