Pure css close button

Question

JSFiddle

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

Answer 1

I become frustrated trying to implement something that looked consistent in all browsers and went with an svg button which can be styled with css.

html

css

svg {
    cursor: pointer;
    height: 24px;
    width: 24px;
}
svg > circle {
    stroke: black;
    fill: white;
}
svg > path {
    stroke: black;
}
svg:hover > circle {
    fill: red;
}
svg:hover > path {
    stroke: white;
}

http://jsfiddle.net/purves/5exav2m7/