JSFiddle - React, Tailwind, and code Playground

by Sam Singer

HTML

<span>
        <h3>Name</h3>
        <div class="forR">
            <img src="http://cumbrianrun.co.uk/wp-content/uploads/2014/02/default-placeholder.png" style="height:200px; width:200px; margin-right:10px; display:inline-block;" />
            <div class="whitebox box1">
                <p class="inline" id="">Name: Matthew</p>
                <p class="inline" id=""></p>
                <p class="inline" id=""></p>
                <p class="inline" id=""></p>
                <p class="inline" id=""></p>
                <p class="inline" id=""></p>
            </div>
        </div> 
   </span>

CSS

body {
    background-color: #F2F2F2;    
}
        
h3 {
    font-family: sans-serif;
    text-align: center; 
    color: #535353;
}

.forR {
    width: 980px;    
    padding-left: 20px;    
    margin-left: auto;    
    margin-right: auto;    
    margin-bottom: 25px;    
    padding-left: 10px;    
}
                
.inline {
    display: inline;    
    position: relative;
    float:left;
}

.whitebox {            
    background-color: #fff;            
    height: 200px;   
    display: inline-block;        
}
        
.box1 {      
    width: 737px;
}