<分区>
<分区>
这是我想要实现的目标,文本居中但从同一点开始:
http://gi.zaley.in:8080/14/11/04/5459047ac35cd/N5459048577c8c.png
我得到的:
http://gi.zaley.in:8080/14/11/04/545904daf36ef/C545904df5f484.png
那么,文本很好地居中,但是我怎样才能让字幕从一个点开始呢? (如第一张图片)
<ul class="_unstyled_ _left_">
<li>
<a href="#" class="-avatar _round_ _normal">
<figure class="-thumbnail">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/krystalfister/128.jpg" alt="Krystalfister">
</figure>
</a>
<p class="name">Random Guy</p>
<p class="points">9 876 / 10 000 points</p>
</li>
<li>i hate</li>
<li>goddamn</li>
<li>markup</li>
<li>go die</li>
</ul>
我没有在这里列出我的 CSS,因为它很明显只是 text-align: center;
最佳答案
做这样的事情:
ul {
text-align: left;
width: 100px;
}
li {
background-color: #ff00ff;
display: inline-block;
width: 100px;
padding: 0 20%;
line-height: 30px;
}
关于html - 居中 UL 但保持文本左对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26740784/