一个关于对齐的问题

width:80px 是加在menu_title下面的为啥li设置text-align:center 可以对齐这俩都是在menu下面属于同级关系啊

	<div class="menu" onmouseleave="show_menu1()">
			 <div class="menu_title" onclick="show_menu()"><a href="#">内容分类</a></div>
			 <ul id="menu1" >
				<li>现实主义</li>
				<li>抽象主义</li>
				
			 </ul>
			 
		</div>
		
		.header .menu ul li{
	margin-top: 20px;
	text-align: center;
}

.header .menu .menu_title{
	border-bottom: 1px solid black;
	padding-bottom: 20px;
	width: 80px;
	text-align: center;
}