css3 - CSS triangle how to remove white space on the right -

i'm implementing css triangle has whitespace on right. display text on right of triangle. have tried editing margin , padding had no success yet. found other examples of css triangles this one have whitespace on right.

anyone got suggestion how remove this?

i used http://apps.eky.hk/css-triangle-generator/

with css code

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

here's example http://jsfiddle.net/g3b6w/

add following css.

.triangle {     display: inline-block; } 

or can use float property.

.triangle {     float: left; }