html - 如何将 li 标签中的一些文本向下移动？

Question

我想从上边缘框向下移动 li 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。