JSFiddle - React, Tailwind, and code Playground

by Satyanshu Acharya

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css">
<section class="content-wrap">
  <section class="content-head">
    <span class="content-label">most liked ideas</span>
  </section>
  <section class="content-body">
    <span class="content-sec">ANYTHING CAN FIT IN THIS AREA</span>
    <span class="content-sec">ANYTHING CAN FIT IN THIS AREA</span>
  </section>
</section>

CSS

.content-wrap{
  width:100%;
  border: 1px solid; 
  color: #fff;
  background: #752a07;
  display: inline-block;
}

.content-head{
  border-bottom:1px solid;
}

.content-head{
      text-align: center;
    margin: 5px;
}

.content-sec{
  margin: 5px;
  min-width: 5em;
  display: inline-block;
}