在CSS中，有一個屬性可以讓文字向上走，它就是vertical-align。這個屬性可以控制行內元素（例如圖片、文字）在垂直方向上的對齊方式。

屬性值可以有多個，比如：middle表示垂直居中，top表示頂部對齊，bottom表示底部對齊。

但是特別需要注意的是，這個屬性只對行內元素有效，而且只能影響元素的垂直位置，不能影響元素本身大小。

//html
<div class="box"> 
<img src="https://picsum.photos/200/300" class="pic"> 
<h1 class="title">Hello CSS</h1> 
</div>
//css
.box{
width: 500px;
height: 500px;
background-color: #f2f2f2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pic{
vertical-align: top; //讓圖片頂部對齊
}
.title{
vertical-align: bottom; //讓標題底部對齊
margin-bottom: 0; //去掉標題的下邊距
}

上面的示例中，我們把圖片的vertical-align設置為top，讓它頂部對齊，而標題的vertical-align則設置為bottom，讓它底部對齊。

最后需要提醒的是，vertical-align的值不一定是絕對的上下關系，因為它是相對于元素所在的行來定位的。