SOURCE

<div><span>4</span><strong><a href="#">Nam libero tempore</a><br>
    Cum soluta nobis est eligendi optio cumque.</strong></div>

div{
            width: 250px;
            margin: 100px;
            border: 2px solid red;

        }
        span{
          
            color: #000;
            display: block;
            float: left;
            font-size: 0.786em;
            height: 18px;
            line-height: 1.2em;
            padding-right: 20px;
            position: relative;
            text-align: center;
            top: 6px;
            width: 19px;
            background-color: #ff3ebc;
        }

         strong {
            display: inline-block;
            font-weight: normal;
            overflow: hidden;
        }