css - <li> 列表隐藏超过某个点

Question

我有一个 <header> 20

<li></li>'s 

其中有 20 年的历史。在标题中，我想显示 2012 年的 100% 屏幕宽度 <li>在最右边。有什么简单的方法可以做到这一点吗？我真的需要它在一条长的水平线上，因为我将在悬停在左侧时创建视差效果。

Answer 1

li {
    display: inline-block;
    width: 5%;
    text-align: center;
}