试图使<；李>；前面的文本apear<；李>；集装箱'；带有HTML和CSS的边框

我用列表做了一个水平菜单。我正试图使每个

显示为一个水平矩形，其侧面剪下楔形物-

剪下>添加“高度：0”会给我一些楔形物：

您是否尝试过用
高度：0
代替
行高：0em？jsfiddle:@Pete:我认为“正规教育”实际上对你没有帮助。这不是他们会教的东西，除非你去了艺术/设计学校。否则，这将不被认为是科学足够教。考虑使用一个速记方法来处理你的边界声明：<代码>边框颜色：边框样式：实心；边框宽度：10px
@zzzzBov:谢谢你的速记技巧。meagar和Ordnugswidrig，这是最重要的！谢谢
#CAPMenu li  
{
    float:left;
    width:95px;
    border-top: 20px solid #4672A3;
    border-bottom: 20px solid #4672A3;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    line-height:0em;
}

<div id="CAPMenu">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Idea</a></li>
        <li><a href="#">Concept</a></li>
        <li><a href="#">Feasability</a></li>
        <li><a href="#">Development</a></li>
        <li><a href="#">Scale Up</a></li>
        <li><a href="#">Launch</a></li>
        <li><a href="#">Post Launch</a></li>
    </ul>
</div>