如何在li标签中移动一些文本？

Question

我想从顶边框向下移动20px里面的文本.如何用css或css3做到这一点

http://jsfiddle.net/4pyxM/

我可以使用,padding-top: 20px;但我想知道另一种方式,而无需修改HTML.

  <ul id="mylist">
    <li>apple</li>
    <li>banana</li>
    <li>kiwi</li>
</ul>



  #mylist ul {
        position:absolute;
        float:left;
        list-style-type:none;
        margin: 0px;
        padding: 0px;
    }

    #mylist li {
        float:left;
        list-style-type:none;
        margin: 0px;
        padding: 0px; // here could be 20px
        width:80px;
        height:80px;
        border:1px solid red;
    }

Answer 1

你只是在寻找这个吗？

#mylist li{ 
    padding-top:20px;
}

更新后编辑

您的样式应该与HTML文档位于一个单独的CSS文件中.这样,您无需编辑HTML即可更改样式.