div 정렬 좀 도와 주세요 ㅠㅠ

<css>

.div{background:url("../images/center_bottom03.png") no-repeat; width:388px; height:198px; float:left;}
.div ul{width:370px; text-align:center; padding-top:50px;}
.div ul li{width:370px; text-align:center;}
.div ul li span{padding-left:80px;}
​

<div>

    <ul>
       <li><a href="#"><?=$row[title]?></a><span>2015-02-12</span></li>

    </ul>    
</div>
​

앞에 게시판제목같은경우는 그냥 center로 되도 괜찮을것같거든요

문제는 뒤에 날짜부분 입니다 ㅠㅠ

이거 정렬을 하려면 어떻게 해야할까요 ㅠㅠ

제발 도와 주세요 ㅠㅠ