JSFiddle - React, Tailwind, and code Playground

by Justin

HTML

<div class="social-item">
    <div class="social-item-date">
        December 5, 2013
    </div>
    <div class="authorship">
        <div class="author-image">
            <img src="http://fillmurray.com/25/25" alt="" />
        </div>
        <div class="author-name">
            Robin, Williams<br/>@RobinWilliams
        </div>
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit!
    </div>
    <div class="connect-here">
        <img src="http://fillmurray.com/25/25" alt="" />
    </div>
</div>

CSS

.social-item {
    background-color: grey;
    width: 400px;
}
.social-item > div {
    margin: 0px auto;
    width: 80%;
    text-align: center;
}
.social-item-date {
    text-align: left;
}
.authorship > div {
    display: inline-block;
    width: 45%;
}
.author-image {
    text-align: right;
}
.author-name {
    text-align: left;
}
.connect-here {
    margin-top: 25px;
}