在html表单中设置验证消息的样式

我正在尝试设置由ASP.NET MVC 3应用程序生成的表单HTML的样式。使用默认样式，标签堆叠在输入控件的顶部，如下所示：

我修改了css，使标签位于输入控件的左侧，如下所示：

但是，当输入控件是文本区域且验证消息显示时，我遇到了一个问题：

如您所见，验证消息与文本区域的底部对齐我希望它与文本区域的顶部对齐。

这是MVC脚手架生成的HTML的一个很好的近似值（结构相同，但我省略了一些HTML属性）：

我已尝试添加一种样式，该样式的目标是具有类

字段验证错误的
，以及
，并将其
显示属性设置为
内联块
，但这不会改变显示验证错误的方式

.field-validation-error {
    color: #FF0000;
    display: inline-block;
}

textarea {
    font: inherit;
    min-height: 75px;
    display: inline-block;
}

是否有一种方法可以将span元素作为目标并与文本区域的顶部对齐显示？
理想情况下，我不想改变HTML（因为这是由ASP.NET MVC自动生成的）。
将文本区域向左浮动-

textarea {
  float:left;
}

新演示
谢谢。有没有不重新排序HTML的方法呢？太好了。我不敢相信事情会这么简单（我自己也弄不明白……非常尴尬），谢谢你的帮助。
.field-validation-error {
    color: #FF0000;
    display: inline-block;
}

textarea {
    font: inherit;
    min-height: 75px;
    display: inline-block;
}

textarea {
  float:left;
}