X in a red circle

Post date: Sep 21, 2017 11:22:1 AM

• • No Javascript or Images

css

.xmark {

 padding: 0px;

}

.xmark_circle {

 width: 22px;

 height: 22px;

 border-radius: 22px;

 font-size: 12px;

 color: #fff;

 line-height: 22px;

 text-align: center;

 background: #FF0000;

}

html

<span class="xmark">

 <div class="xmark_circle">X</div>

</span>