Html 如何使文本显示在左上角？_Html_Css_User Interface_User Experience

Html 如何使文本显示在左上角？

html css user-interface

Html 如何使文本显示在左上角？,html,css,user-interface,user-experience,Html,Css,User Interface,User Experience,这是我试图实现的UI原型下面是我目前拥有的和我尝试过的CSS的一个例子 .help_header { transform: translateY(-100px); padding-bottom: 30px; margin-bottom: 30px; } 有人知道如何使文本显示在顶部而不是底部吗我尝试了对我来说最有意义的方法（div的下边框和文本之间的距离），但没有成功。我也试过了但是这些属性也不起作用。html: <body> <di

这是我试图实现的UI原型

下面是我目前拥有的和我尝试过的CSS的一个例子

.help_header {
     transform: translateY(-100px); 
    padding-bottom: 30px;
    margin-bottom: 30px;
 }

有人知道如何使文本显示在顶部而不是底部吗

我尝试了对我来说最有意义的方法（div的下边框和文本之间的距离），但没有成功。我也试过了但是这些属性也不起作用。

html:

<body>
  <div id="header">
    <img  src="http://imgur.com/x45xmG3.jpg" />
   <div class="help_header">
    <span>Contact us</span>
    <span>Forum</span>
   </div>
</div>
</body>

您正在寻找这样的somting:

垂直对齐：顶部；应该做trick@MathijsRutgers谢谢，这应该是答案！你说它能工作是因为，我想还有其他地方将span设置为

display:inline block

，否则它就不行了。@Pangloss从未使用过display:inline-block。或者将其设置为float或其他任何使其不作为内联元素的东西，反正你已经让它工作了，就这样。

body {
padding:0;
margin:0;
}
#header {
height: 100px;
float:left;
}

.help_header {
float:right;
}