css文本左右对齐

文章描述:

css如何使文本左右对齐

html

<div class="container">
    <div class="goods">
      <ul class="arter">
        <li><span>作品名称<i></i></span>:  宝贝儿</li>
        <li><span>作品类型<i></i></span>:  油画</li>
        <li><span>艺术家<i></i></span>:  张玉瀛</li>
        <li><span>风格<i></i></span>:  超现实</li>
        <li><span>材质<i></i></span>:  布面油画</li>
        <li><span>题材<i></i></span>:  人物</li>
        <li><span>创作时间<i></i></span>:  2011</li>
        <li><span>所在位置<i></i></span>:  华东</li>
        <li><span>尺寸<i></i></span>:  78x78cm</li>
      </ul>
    </div>
</div>

style

* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; }
li{ font-size:14px;line-height:24px;color:#4a4a4a; }
span{ height:24px;line-height:24px;width:65px;text-align:justify;display:inline-block;overflow:hidden;vertical-align:top; }
i{ display:inline-block;width:100%;height:0; }

 

 

发布时间:2022/05/07

发表评论