Reputation:

How can create a Cross Symbol Using CSS?

Is there any Option to create a cross christian symbol USING HTML and CSS?

Upvotes: 4

Answers (7)

Krish R

Reputation: 22711

You can get cross using,

Entity Name  &dagger; †  
Decimal Number &#134; † 
HexNumber &#x86; †

Upvotes: 1

Billy Moon

Reputation: 58521

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;
}

Upvotes: 0

AJ101

Reputation: 69

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

Upvotes: 0

Imran Rizvi

Reputation: 7438

Following is the list of various Cross Symbols and their HTML code

☦ Eastern Christian Cross &#9766; 
☧ Chi Rho Cross &#9767;
☨ Patriarchal Cross &#9768;
☩ Greek Cross &#9769;
✚ Greek Cross heavy &#10010;
✙ Greek Cross outline &#10009;    
☓ Saltire, St.Andrew’s Cross &#9747;
✝ Latin Roman Cross &#10013;
✞ Latin Cross 3D shadow &#10014;
✟ Latin Cross outline &#10015;

You can use them in HTML or CSS.

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

Upvotes: 6