[英]CSS Text Vertical alignment issue
I've got some text which I'm simply trying to centre (vertically, so it aligns with the buttons) 我有一些我只是想居中的文本(垂直,因此与按钮对齐)
<div id="right">
<div id="right_header">
<p>Schedule</p>
<div id="buttons">
<button onclick="manualAddNewAppointment()">New appointment</button>
<button onclick="manualAddNewEvent()">New event</button>
<button onclick="NewClient()">New client</button>
</div>
</div>
<div style="word-wrap: break-word; overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 5px;">
</div>
</div>
#right{
height: 100%;
overflow: hidden;
}
#right_header {
padding: 2px 0;
padding-right: 5px;
border-bottom: 1px solid #D9D9D9;
overflow: hidden;
vertical-align: middle
}
#right_header p {
float: left;
padding-left: 15px;
margin: 0;
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "tahoma", Verdana, sans-serif;
font-weight: bold;
}
Any ideas about what I'm doing wrong? 关于我在做什么错的任何想法吗?
do something like 做类似的事情
#right_header p {
line-height: 40px; //adjust the 40 accoringly
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.