Pure css close button

Question

JSFiddle

Is there any way to make something like the X on that link with pure css?

Answer 1

Hi you can used this code in pure css

as like this

css

.arrow {
cursor: pointer;
color: white;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
}
.arrow:before{
 content: "×";
}

HTML

​ Live demo http://jsfiddle.net/rohitazad/VzZhU/