JSFiddle - React, Tailwind, and code Playground

by NinjaSk8ter

HTML

<div id="Soluciones_derecho2">
<div class="gerentes">
    <div class="Expert">
        <div class="Header">
            <span class="R"><img src="http://homes.point2.com/Images/Icons/teal-arrow.png">los gerentes de Desarrollo</span>
        </div>
        <div class="Body">
            <div class="Agent">
                <span class="Label AName">Senior Project Manager</span>
                <img src="http://i.imgur.com/UCwFP.jpg">
                <span class="Label">Nick Fong</span>
                <span class="Label Area">MCPD Web Developer, Java EE6</span>
                <div class="Link Email">
                  <span>
                        <a class="Hyperlink" href="http://www.loscabosagent.com" target="_blank">Email Nick</a>
                        <img class="Icon" src="http://homes.point2.com/Images/Icons/5_email.png" alt="Email Nick">
                    </span>
                </div>
                <div class="Link Website">
                    <span>
                        <img class="Icon" src="http://homes.point2.com/Images/Icons/5_website.png" alt="Visit Website">
                        <a class="Hyperlink" href="http://www.loscabosagent.com" target="_blank">Visit My Website</a>
                    </span>
                </div>
                <div class="Link Profile">
                    <span>
                        <img class="Icon" src="http://homes.point2.com/Images/Icons/5_agent.png" alt="View Profile">
                        <a class="Hyperlink" href="http://agent.point2.com/members/MX/Baja-California-Sur/Cabo-San-Lucas/Nick-Fong/37C45ACE-45AC-4813-80E4-281C4508870B.html" target="_blank">View My Profile</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

CSS

#Soluciones_derecho2 {
    float: left;
    position: relative;
    width: 250px;
    /*height: 536px;*/
    background-color: Purple;
}
#Soluciones_derecho2 .gerentes {
    width: 230px;
    height: 310px;
    margin: 10px 0px 0px 0px;
    /*background-color: teal;*/
}
.Expert {
    margin: 0 0 0 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F7F7F7;
    /*background-color: green;*/
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #313131;
    /*color: blue;*/
    overflow-x: hidden;
    overflow-y: hidden;
    width: 230px;
}
.Expert .Header {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-top-color: #C6C6C6;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: #C6C6C6;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #666666;
    border-right-style: solid;
    border-right-width: 1px;    
    border-bottom-color: #C6C6C6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /*border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #C6C6C6;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
   ...