JSFiddle - React, Tailwind, and code Playground

by ParanoidAndroid77

HTML

<div class=embedded-btns-wrapper>
                    <div id="upload" data-href="upload.html" class="embedded-btn">
                        <i class="fa fa-cloud-upload  fa-fw fa-ep-embedded-btn"></i>
                        <span class="v-nav-item-label">Upload</span>
                    </div>
                    <div id="add-entry-current-form" data-href="inputs.html" class="embedded-btn">
                        <i class="fa fa-file-text-o  fa-fw fa-ep-embedded-btn"></i>
                        <span class="v-nav-item-label">Add another <span>-entry-</span></span>
                    </div>

                    <div id="list-entries-current-form" data-href="../index.html" class="embedded-btn">
                        <i class="fa fa-th-list  fa-fw fa-ep-embedded-btn"></i>
                        <span class="v-nav-item-label">List <span>-form-name-</span> entries </span>
                    </div>
                    <div id="add-child-entry" data-href="inputs.html" class="embedded-btn not-shown">
                        <i class="fa fa-sitemap  fa-fw fa-ep-embedded-btn"></i>
                        <span class="v-nav-item-label">Add 'child' to 'form' </span>
                    </div>
                </div>

CSS

div.embedded-btns-wrapper{
border:1px solid black;
    margin:1em;
    padding:1em;
   
}

div.embedded-btn{
border:1px solid red;
    padding:1em;
    text-align:left;
    width:50%;
    margin:0 auto;
}