4

twitter has it's close button which is a single character 'x'.

and i need to something like that, but after i inspect the <span>x</span>, i create the css rules as the firebug told me :

.close-button {
    font-family: Tahoma,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    color: #888;
}

however, they just never looks the same, what did i missing??

twitter:

this is the twitter close button.

mine:

this is my close button.c

for more information: http://jsfiddle.net/bitsmix/gb23A/

Ya Zhuang
  • 4,652
  • 31
  • 40

2 Answers2

8

It's not an alphabetical "x" look closely at the character × x X.. it's ascii

× (Multiplication Symbol) ALT+0215

Hedde van der Heide
  • 21,841
  • 13
  • 71
  • 100
  • 2
    btw, i recently found that, you can simply write & times; (w/o space between `&` and `t`) to creat it :) – Ya Zhuang Mar 11 '12 at 15:23
2

It is not a normal X, but a Unicode character.

Try &#10006;

The sign is also called 'Heavy Multiplication X' and looks like this: ✖

this question might also help you: Unicode character for "X" cancel / close?

H2O
  • 23
  • 5