I am trying to create a link centered in a div.
The link should be a circle and have an arrow pointing up.
Basically I need a "go up in page" link ...
I have the following:
<div>
<a href="#"></a>
</div>
And I have the following CSS:
a {
background: #4679BD;
border-radius: 50%;
display: block;
height: 80px;
width: 80px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
Do I need an image to have the arrow. Any other option?
When I insert a letter inside the A tag the letter gets outside of the circle.
Finally, can this be made to be responsive?