How to put text on a CSS Triangle

Question

I must be missing a simple step. I have made a triangle in CSS and I\'m trying to put text on top of the triangle. It works if I don\'t have the width:0; and

Answer 1

Try out this

.up {
    width: 0px;
    height: 0px;
    border-style: inset;
    border-width: 0 100px 173.2px 100px;
    border-color: transparent transparent blue transparent;
    float: left;
    transform:rotate(180deg);
    display:block
}

.up span {
    text-align: center;
    left: -47px;
    top:25px;
    position: relative;
    width: 93px;
    height: 93px;
    margin: 0px;
    transform:rotate(180deg);
    display:block;
}

    TEXT TEXT TEXT