<div> 如何布局两个标签的布局

　　想做一个div的曾背景颜色是黄绿色，内部有<a>标签。

代码如下：

　　

<div align="center" style=" width: 900px;height: 40px;margin: 0 0 10px 220px;">
   <div style="padding-top:10px  ;">
    <a style="margin-right: 20px;">我的主页</a>
    <a style="margin-right: 20px;">新闻头条 </a>
    <a style="margin-right: 20px;">电视剧 </a>
    <a style="margin-right: 20px;">最新电影 </a>
    <a style="margin-right: 20px;">小游戏 </a>
    <a style="margin-right: 20px;">小说大全 </a>
    <a style="margin-right: 20px;">旅游度假 </a>
    <a style="margin-right: 20px;">网上购物 </a>
    <a style="margin-right: 20px;">今日团购 </a>
   </div>

</div>

思路：将<a>标签一起放在一个层中，然后在外面在放一个<div>层，用到<div>属性 style=="padding-top:10px ;"（内层离外层的距离）