CSS 스타일시트에서 margin vertical-align 속성에 관하여..

<style type="text/css">

     #title {float:left; width:180px; height:30px; margin:0 auto; text-align:center; vertical-align:middle; display:table-cell; background-color:red;    }

 

     .banner { margin:30px 0 0 0; width:180px; text-align:center; clear:both;}
     .banner span {  width:180px; height:30px; cursor:pointer;background-color:#1e4e9d; color:white; font-family:arial; display:inline-block; border-radius:0px; border:0px solid; padding-top:12px;}
     .banner span  a {  color:white; text-decoration:none;}
     .banner span  a:hover {  color:yellow; text-decoration:none;}

     </style> 

 

  <div id="title">
         배너 모음
  </div>

 

  <div class="banner">
    <span><a href='http://www.homzzang.com'>광고 배너 1</a></span>
    <span><a href='http://www.homzzang.com'>광고 배너 2</a></span>
  </div>