JSFiddle - React, Tailwind, and code Playground

by Deriv Diggs

HTML

<p class="h-card">
  <img class="u-photo" src="http://example.org/photo.png" alt="" />
    <a class="p-name u-url" href="http://thoughtrender.com">Deriv Diggs</a><br/>
  <a class="u-email" href="mailto:derivdiggs@thoughtrender.com">derivdiggs@thoughtrender.com</a><br/> 
  <span class="p-street-address">6186 Colonial Lane</span><br/>
  <span class="p-locality">Tobyhanna</span>,
  <span class="p-region">Pennsylvania</span><br/>
  <span class="p-country-name">United States of America</span><br/>
    <span class="p-tel">201-303-8343</span>
</p>
<div class='h-resume'>
                	<h2>Summary</h2>
                    <p class='p-summary'>Development of RIAs, widgets, desk-top applications, kiosks, and web based applications.
Leverage technologies such as <span class="p-skill">ActionScript 2</span> / <span class="p-skill">ActionScript 3</span> within <span class="p-skill">Flash</span> and <span class="p-skill">Flash Builder</span> (<span class="p-skill">Flex</span>), <span class="p-skill">MDM Zinc</span>, <span class="p-skill">SHU</span>, and <span class="p-skill">Adobe AIR</span>. Excellent problem solving and adaptation to new resources and ideas.
Strong communication, initiative, leadership, and focus.</p>
					<h2>Experience</h2>
                    <!---- job ---->
                    <h3>Thought Render<span id='job_date'>September 2012 – Present</span></h3>
                    <h3>CTO</h3>
                    <p>Responsibilities include the development and design of all of Thought Render’s brands, using a variety of technologies. Technologies included so far are, Flash / ActionScript 3.0, php, and wordpress. Currently working on HTML 5 / CSS3 / Javascript implementations. Main website URL is http://thoughtrender.com which uses a custom animation filter that I built to create the animated building blocks. Under development is http://thoughtrender.com/SLWEB/ this is a work in progress, it uses a MySQL database and php to communicate with ActionScript 3.0.</p>
 ...

CSS

.h-resume {
	text-align:left;
	width:90%;
	left:0;
	right:0;
	margin-left: auto;
    margin-right: auto;
}

#job_date {
	position:absolute;
	left:400px;
}