JSFiddle - React, Tailwind, and code Playground

by Susanna You

HTML

<div class="some-container">
    <div class="div-container">
        <button>Hello there!</button>
    </div>
    <div class="div-container">    
        <span class="twitter-hashtag">#awesomesite</span>
    </div>
    <div class="div-container">
        <span class="social-icons">Twitter Facebook Tumblr</span>
    </div>
</div>

CSS

.some-container {
    background-color: #dedede;
    padding: 20px;
    border: 1px solid #aaa;
}
.div-container {
    display: inline-block;
    width: 33.3%;
}
button {
    display: block;
    padding: 10px 15px;
}

.twitter-hashtag {
    display: block;
    color: #fff;
}

.social-icons {
    display: block;
    color: blue;
}