How to create cross symbol using CSS?

Question

Is there any option to create a Christian cross symbol USING HTMLand CSS?

Answer 1

†

†

USE This html Entities to create Cross

Answer 2

Below is a list of the various Cross characters and their HTML code.

☦ Eastern Christian Cross ☦ 
☧ Chi Rho Cross ☧
☨ Patriarchal Cross ☨
☩ Greek Cross ☩
✚ Greek Cross heavy ✚
✙ Greek Cross outline ✙    
☓ Saltire, St.Andrew’s Cross ☓
✝ Latin Roman Cross ✝
✞ Latin Cross 3D shadow ✞
✟ Latin Cross outline ✟

You can use them in HTML or CSS.

see the following link for more information http://www.sabinanore.com/design/web-design/html-special-symbols/

Answer 3

cross,

Entity Name  † †  
Decimal Number † † 
HexNumber † †

Answer 4

:

✝ -> ✝

✞ -> ✞

HTML : http://www.danshort.com/HTMLentities/?w=dingb

Answer 5

, http://en.wikipedia.org/wiki/Cultural,_political,_and_religious_symbols_in_Unicode

Answer 6

Here is a special HTML link. http://ikreator.com/special-characters/#crosses

Answer 7

http://jsfiddle.net/billymoon/tRG72/

HTML

<div id="horizontal"></div>
<div id="vertical"></div>

CSS

#horizontal{
    width: 100px;
    height: 10px;
    background-color: goldenrod;
    top: 60px;
    left: 10px;
    position: absolute;
}
#vertical{
    width: 10px;
    height: 180px;
    background-color: goldenrod;
    top: 10px;
    left: 55px;
    position: absolute;
}