como centrar una flecha con css

[iniciopublic]

Hola a todos tengo una duda estoy haciendo una flecha con ese pero me aparece en posicion hacia la derecha

este es el codigo :

.flecha {
position: absolute;
bottom: 0;
cursor: pointer;
border-left:150px solid transparent; /* izquierda flecha */
border-right:150px solid transparent; /* derecha flecha */
border-top:18px solid #000000; /* base flecha y color*/
display:inline-block;
text-align:center;
}

<div class="fecha" ></div>

ya probe con

text-align:center; y nada me aparece igual

pero cuando pongo un texto dentro del div por ejemplo

Código PHP:

  <div class="flecha" >----->texto<------</div>  
   

aqui si me aparece centrado el texto


saludos

[pzin]

Pues tendrás que jugar con right o con left, ya que tiene una posición absoluta y es de suponer que su contenedor una relativa.

[iniciopublic]

Iniciado por pzin

Pues tendrás que jugar con right o con left, ya que tiene una posición absoluta y es de suponer que su contenedor una relativa.

gracias no me funciono

el problema es que la flecha no se ponia del todo a la derecha , se alejaba del centro y estaba mas a la derecha que del centro , que extraño

lo que hice fue esto y me funciono

margin-left: -220px;