¿Cómo alineo una etiqueta y un área de texto?

termina como

XXXXX XXXXX Description: XXXXX 

yo quiero

  XXXXX Description: XXXXX XXXXX 

La “descripción” a veces abarca varias líneas.

Código:

 


CSS:

 .DataForm { } .DataForm label { display: inline-block; font-size:small; margin-left:5px; width:5%; min-width:60px; } .DataForm input { margin-right:9px; display: inline-block; width:21%; min-width:30px; } 

Debe colocarlos en un elemento contenedor y luego aplicar la alineación en él.

Por ejemplo:

 .formfield * { vertical-align: middle; } 
 

Simplemente envuelva el área de texto con la etiqueta y configure el estilo de área de texto para

 vertical-align: middle; 

Aquí hay algo de magia para todas las áreas de texto en la página 🙂

   
  1. Establezca la height de su etiqueta a la misma height que el cuadro de texto de líneas múltiples.
  2. Agregue cssClass .alignTop{vertical-align: middle;} para el control de etiqueta.

     

Use vertical-align:middle en su CSS.

 
Description:

Prueba esto:

 textarea { vertical-align: top; }​ 

Intenta establecer una altura en tus elementos td.

 vertical-align: middle; 

significa que el elemento al que se aplica el estilo se alineará dentro del elemento principal. La altura de la td puede ser tan alta como el texto dentro.

Alinee el cuadro de área de texto con la etiqueta, no la etiqueta con el área de texto,

 label{ width:180px; display:inline-block; } textarea{ vertical-align:middle; }