JSFiddle - React, Tailwind, and code Playground

by huskydawgs

HTML

<div class="two-column-30-70-left">
	<p><img alt="Maria Panichelli" src="/sites/default/files/profile_maria_panichelli.jpg" /></p>
    <p><strong>Maria Panichelli</strong><br />
        <a href="[email protected]">[email protected]</a><br />
        <a href="https://www.linkedin.com/in/mariapanichelli" target="_blank"><img src="http://www.onvia.com/sites/default/files/icon_linkedin24x24.png" alt="LinkedIn - Maria Panichelli" /></a>&nbsp;
        <a href="https://twitter.com/MariaPanichelli" target="_blank"><img src="http://www.onvia.com/sites/default/files/icon_twitter24x24.png" alt="Twitter - Maria Panichelli" /></a></p>
</div>
<div class="two-column-30-70-right">
<p>
    Maria Panichelli is an Associate in the Firm’s Federal Construction Group.  As a member of the Federal Group, Maria represents a national client base of prime and sub-contractors, with a focus on federal construction contracting, and small business procurement issues.

Maria's practice spans a variety of federal contracting matters, including bid protests, REAs, contract claims, and appeals.  She has represented clients before numerous Federal agencies, the Government Accountability Office, and various Federal and state courts, and has litigated cases covering a wide range of construction-related issues such as defective designs, defective specifications, differing site conditions, changes, suspensions, delays, and contract terminations.  Maria frequently counsels clients with regards to compliance with the Federal Accusation Regulations, Prompt Payment Act, and False Claims Act.
</p>
</div>

CSS

.two-column-30-70-left {
    float: left;
    width: 30%
    }

.two-column-30-70-right {
    float: left;
    width: 70%
    }