Perfectly centerd cross-mark

by Matthew Day

HTML

<div></div>
<br><br>
<div class="ex2"></div>

CSS

div {
    height: 100px;
    width: 100px;
    background-color: #FA6900;
    border-radius: 5px;
    position: relative;
}

div:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\0d7";
    font-size: 50px; 
    color: #FFF;
    line-height: 100px;
    text-align: center;
}

div.ex2:after {
    content: '\d7';
}