html
<div class="container">
<div id='title'>title</div>
<div id='middle'>middle</div>
</div>
css
.container {
display: flex;
flex-direction: column;
aign-items: center;
justify-content: center;
height: 300px;
border: 1px solid red;
position: relative;
}
#title {
position: absolute;
width:100%;
height: 150px;
border: 2px solid green;
top:0;
}
#middle {
font-size: 3rem;
align-self: center
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…