html - 一部のテキストの位置合わせでエラーが発生しました

Question

JSフィドル

ボックスの下部ではなく、メッセージボックスの開始位置のすぐ隣にテキスト「メッセージ」を配置しようとしています。複数の方法を試し、テーブルを使用しようとしましたが、テーブルはそうです私が望んでいる外観を私に与えないでください。これを機能させるための最良の方法は何ですか？

私が試したコード:

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/