JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<div class="profile-content">
    <ul class="content-btn">
        <li>
            <div class="digits">83</div>Followers</li>
        <li>
            <div class="digits">1507</div>Tweets</li>
        <li>
            <div class="digits">234</div>Friends</li>
        <li>
            <div class="digits">51</div>Likes</li>
        <li>
            <div class="digits">42</div>Gits</li>
    </ul>
    <div class="clear"></div>
</div>

CSS

.profile-content{text-align:center}
.content-btn {
    width:100%;
    margin: 0 auto;
}
.profile-content ul li {
    display:inline-block;
    padding: 5px 8px;
    text-align: center;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #ffffff;
}
.profile-content ul li .digits {
    font-weight: bold;
    font-size: 16px;
}