对齐某些文本时出错

Question

JS Fiddle

我正在尝试将文本“Message”对齐到顶部，这样它就在消息框启动的旁边而不是它位于框的底部，我尝试了多种方法并尝试使用表但是桌子没有给我我想要的样子。什么是使这项工作的最佳方式？

我尝试过的代码：

vertical-align:text-top;

和

text-align: top;

上述样本都没有给我提供我需要的输出。

Answer 1

也许

vertical-align: top;

那就是说，我知道桌子不时髦，但它看起来像表格布局。

Answer 2

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

在此处查看结果： http://jsfiddle.net/EBGGg/