css‎ > ‎

X in a red circle

posted Sep 21, 2017, 4:22 AM by Chris Franklin   [ updated Sep 21, 2017, 4:22 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>


Comments