JSFiddle - React, Tailwind, and code Playground

by juristr

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

    <div class="bullet-item">
      <span class="glyphicon glyphicon-ok"></span> OK
    </div>
    <div class="bullet-item">
      <span class="glyphicon glyphicon-remove"></span> Wrong
    </div>

CSS

.bullet-item .glyphicon-ok {
    background-color: #5cb85c;
}

.bullet-item .glyphicon-remove {
    background-color: #d9534f;
}

.bullet-item {
    text-align: center;
}

.bullet-item .glyphicon {
    width: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
}