Alinear texto con el borde derecho de un formulario HTML
Pregunta
Tengo un formulario HTML donde la anchura de un área de texto se especifica con cols =. Quiero que el área de texto que tiene un ancho específico en términos de número de caracteres.
Sin embargo, también quiero algunos controles para estar justificado a la derecha hasta el borde derecho del área de texto. No están en el área de texto, sino directamente por encima o por debajo de ella. ¿Es posible hacer esto?
Estaba pensando un posible enfoque podría ser que encierra el área de texto con algún tipo de contenedor que podría crecer a lo ancho del área de texto, pero no estoy seguro de cómo podría justificar a la derecha de texto dentro de ese.
Solución
.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 bajo: CC-BY-SA con atribución
No afiliado a StackOverflow