[英]How to vertical align my tag in my case
我试图在我的情况下做一个垂直对齐中间。
我有。
<section id='container'>
<div id='title'>
<h1>Title here.</h1>
</div>
</section>
我有我的CSS喜欢
#title{
display: inline-block;
width: 235px;
height: 94px;
position: relative;
text-align: center;
}
#left-lesson-title h1{
color:white;
line-height: 94px;
vertical-align: middle;
text-align: left;
font:normal 1.3em arial;
margin-left:15px
}
我似乎无法将h1
文本垂直对齐到中间。 在我的情况下,h1与顶部对齐。 任何人都可以帮我吗? 谢谢。
#title{
border:1px solid black;
display: table-cell;
width: 235px;
height: 94px;
vertical-align:middle;
text-align: center;
}
您需要将显示设置为table-cell,然后将vertical-align设置为middle。
这应该在h1标签的父容器上。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.