html中怎么显示错误信息,在html中显示为内嵌错误的文本

我正在尝试在某个图片旁边的div工具栏中放置标题。问题在于我的文本放置不当，应该至少位于工具栏的顶部，而是位于底部并且不移动。 我希望它在左边的垂直中间靠近图片。在html中显示为内嵌错误的文本

和画面：

这里是标题栏的HTML部分：

Main

...

和风格：

#bar

{

width:100%;

height:50px;

padding-top:3px;

padding-left:10px;

border-bottom:2px solid white;

vertical-align:top;

}

#picturesmenu

{

margin:0;

padding:0;

display:inline;

}

#bar img

{

border:3px solid white;

width:40px;

margin:2px;

}

#titlemenu

{

margin:0;

padding-left:20px;

height:100%;

display:inline;

font-size:20pt;

font-weight:bold;

color:white;

}

#bar span

{

margin-left:20px;

margin-top:200px;

font-size:20pt;

font-weight:bold;

color:white;

}

我试过垂直对齐和保证金，但“主”文不动...提前

由于之前我改变任何东西到表;)

[编辑]

谢谢大家对你的答案！我没有考虑处理内容对齐(#titlemenu)而不是容器(#bar)，它不是很合乎逻辑......

+3

集'的高度vertical-align：top;'to'＃titlemenu' - http://codepen.io/anon/pen/ejumq **和**你也可以使用'line-height：0.9;'来达到更好的顶端位置 - http ：//codepen.io/anon/pen/Gudfe –

2014-09-12 17:38:16

+0

负上限值？ –

2014-09-12 18:16:19