Rayon de bordure flexible

Question

J'ai des étiquettes d'ancrage. Je leur applique un rayon de bordure de sorte qu'ils regardent à l'intérieur d'une forme ronde (CERCLE). Il doit être flexible à leur largeur de texte. J'essaye mais je ne sais pas quoi faire. FIDDLE

Comment puis-je y parvenir? s'il vous plaît toute suggestion sera appréciée.

<a href="http://google.com">abc</a> 
<a href="http://en.wikipedia.org/">abcdefgh</a> 

css:

a{ 

    border:1px solid black; 
    padding:10px; 
    -webkit-border-radius: 100px; 
-moz-border-radius: 100px; 
border-radius: 100px; 
} 

Answer 1

Vous pouvez donner un rayon en pourcentage.

CSS:

a{ 

    border:1px solid black; 
    padding:10px; 
    -webkit-border-radius: 10%; 
    -moz-border-radius: 10%; 
    border-radius: 10%; 
} 

est ici Updated fiddle

De rayon de frontière ce n'est pas possible d'obtenir un même cercle autour de l'ancre, car cela dépend de la taille du texte d'ancrage. s'il est différent, il reflète aussi le cercle.

Mise à jour:

Vous pouvez le faire avec div en donnant ensuite la largeur et la hauteur: DEMO

Another Example