我正在尝试在某个图片旁边的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 –
-09-12 17:38:16
+0
负上限值? –
-09-12 18:16:19