CSS三 Angular 形如何去除右边的空白

Question

我正在实现一个 CSS 三 Angular 形，但它的右侧有空格。我想在三 Angular 形的右边显示一些文字。 我试过编辑边距和填充但没有成功。我发现了 CSS 三 Angular 形的其他示例，例如 this one右边也有空格。

有人对如何删除它有建议吗？

我用了http://apps.eky.hk/css-triangle-generator/

使用这个 CSS 代码

width: 0px;
height: 0px;
border-style: solid;
border-width: 35px 22.5px 0 22.5px;
border-color: #ff5154 transparent transparent transparent;

这是例子 http://jsfiddle.net/g3b6w/

Answer 1

添加以下CSS。

.triangle {
    display: inline-block;
}

或者你可以使用 float 属性。

.triangle {
    float: left;
}