html中百分比的使用,html – CSS – 如何在`border- *`属性中使用百分比？

我有使用Twitter Bootstrap 3的代码,使用右箭头导航,我使用border- *属性创建.但是,如果我在右箭头中使用非常长的文本,它不会扩展,如果我使用百分比,代码将无法正常工作……

• A long long text
• Small text
• A long long long long long long long long long text
• Small text 111

.custom-nav-stacked > li > a {

border-radius: 2px;

}

.custom-nav-stacked > li.active > a:after,

.custom-nav-stacked > li.active > a:hover:after,

.custom-nav-stacked > li.active > a:focus:after {

content: '';

position: absolute;

left: 100%;

top: 50%;

margin-top: -19px;

/*margin-left: -1px;*/

border-top: 19px solid transparent;

border-left: 13px solid #428bca;

border-bottom: 19px solid transparent;

}

如何根据文本量使三角形响应？