JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="common_div">
        <span id="a">Tin cans and a musquito net.</span>
    </div>
    <div class="common_div">
        <span id="b">Bank robbers have a lot of spare time.</span>
    </div>
</body>

CSS

body {
    text-align: center;
    padding-top: 100px;
}
span {
    clear: both;
    color: #FFF;
    padding: 30px;
}
.commom_div{
    float:left;
    width:100%;
    text-align:center;
}
#a {
    background-color: #004; display:inline-block; 
}
#b {
    background-color: #400; display:inline-block; 
}