JSFiddle - React, Tailwind, and code Playground

HTML

<div class="entryDetailX">
       <span class="date">18.01.2011 00:50:55</span>
       <a class="nick">phantasm</a>
 </div>

CSS

.entryDetailX {
                float: right;
                background: #2B587A;
                -moz-border-radius-topleft: 8px;
                -webkit-border-top-left-radius: 8px;
                -moz-border-radius-bottomright: 8px;
                -webkit-border-bottom-right-radius: 8px;
                font-weight: bold;
                color: #FFF;
                padding: 6px;
            }
            .date {
                float: right;
                font-size: 9px;
                padding-top: 1px;
                background: url(http://www.prnewsonline.com/wp-content/uploads/2013/12/Facebook-Icon.png) top left no-repeat;
                padding-left: 20px;
                margin-right: 10px;
    background-size: 16px 16px;
    background-position:left center;
    line-height:20px;
    height:20px;
            }

            .nick {
                float: right;
                margin-right: 20px;
                color: #cc9900;
                background: url(http://www.prnewsonline.com/wp-content/uploads/2013/12/Facebook-Icon.png) top left no-repeat;
                padding-left: 20px;
    background-size: 16px 16px;
    background-position:left center;
            }