JSFiddle - React, Tailwind, and code Playground

by Deriv Diggs

HTML

<div class='h-resume'>
    <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:[email protected]">[email protected]</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> 
    <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>
    <div class='job' id='h-event'>
        <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">Thought Render</a><br/>
            <a class="u-email" href="mailto:[email protected]">[email protected]</a><br/> 
            <span class="p-street-address">244 5th Av. STE D-229</span><br/>
            <span class="p-locality">New York</span>,
            <span class="p-region">New York</span><br/>
            <span class="p-country-name">United States of America</span><br/>
            <span class="p-tel">201-303-8343</span><br/>
            <span class="p-job-title">CEO</span>
        </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;
}