垂直文本对齐

Question

我有一个不同长度的垂直页面标签，即新闻，奖项，出版物。我希望文本从相同的顶点开始（如果文本是水平的，那将是正确的）并从那一点开始。我不得不使用内联样式将文本向下推到正确的位置。我尝试将高度和宽度设置为500，这似乎适用于对齐但是将div推向正确的方向。

.vert_text {
position: relative;
color: #fff;
text-transform: lowercase;
font-family: Arial;
font-size: 6em;
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
float:left;
width:100px;
}

<div class="vert_text">
news
</div>
<div class="vert_text">
publications
</div>

Answer 1

使用line-height并定义高度，例如：

.vert_text {
    height:6em;
    line-height:6em;
}

请参见此工作fiddle。

Answer 2

.var_text{
margin-top:0px;
}

或

  

删除职位：亲属

然后添加

  

保证金：0px或保证金最高：0px;