I am struggling with applying border radius to anchor tags in a way that they appear inside a circular shape. I want the shape to be flexible based on the width of the text within the tag. Any suggestions or guidance would be greatly appreciated. Here is a link to my fiddle.
Does anyone know how I can achieve this effect?
<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;
}