Podes hacer lo que buscas utilizando flexbox. Basicamente es una forma de ordenar los elementos unidimensionalmente, asi por ejemplo, podes poner los elementos en forma de columna o en fila, y ordenarlos en cualquiera de esos dos layouts. Seria algo asi:
Teniendo:
<!-- Cambie tu p por un div, que es mas apropiado -->
<div class="contenedor">
<label>Mensaje: <.label>
<textare name="mensaje" row="10" cols="70" />
</div>
Si queres que label
quede encima del area de texto, los estilos serian:
.contenedor {
display: flex;
flex-direction: column;
}
Esto tambien podrias lograr simplemente agregando display: block;
al elemento label
, para que ocupe todo el espacio horizontal del que dispone.
Por el contrario, si lo que queres es que label quede a la derecha del input, a como esta ahorita, pero queres que esten alineados verticalmente:
.contenedor {
display: flex;
align-items: center;
}
Me avisas si te funciono y si era eso lo que buscabas.