Html 对齐某些文本时出错

我试图让文本“Message”与顶部对齐，这样它就在消息框开始的位置旁边，而不是在消息框的底部。我尝试了多种方法，也尝试了使用表格，但是表格没有给我想要的外观。什么是使这项工作成功的最好方法

我尝试过的代码：

vertical-align:text-top;

及

上面的示例都不能提供我所需的输出。

可能吧

vertical-align: top;

这就是说，我知道桌子并不流行，但在我看来它确实像是表格布局

.contacttitle {
width: 100px;
font-size: 18px;
display:inline-block;
vertical-align: top;
text-align: top;
}

请参见此处的结果：

---

omg，复制了许多其他产品，包括和。在第一百万次问这个问题之前，请先搜索一下。@collen-有更礼貌、更正式的方式来表达你刚才说的话。

.contacttitle {
width: 100px;
font-size: 18px;
display:inline-block;
vertical-align: top;
text-align: top;
}