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
发表评论