JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<img class="floatright" src='http://jsfiddle.net/../img/logo.png'>
<div>
    <strong>firstname middlename lastname</strong>
    (<a href='edit_directory.php'>Edit Directory</a>)<br>
    <label for="employer">Employer: </label><input type='text' id='employer' /><br>
    <label for="position">Position: </label><input type='text' id='position' /><br>
    <label for="address">Address: </label><input type='text' id='address' /><br>
    <label for="email">Email: </label><a href=mailto:[email protected]><input type='text' id='email' value='[email protected]' /></a><br>
    <label for="phone">Phone: </label><input type='text' id='phone' /><br>
    <label for="fax">Fax: </label><input type='text' id='fax' />
</div>
<img class="floatright" src='http://jsfiddle.net/../img/logo.png'>
<div>
    <strong>firstname middlename lastname</strong>
    (<a href='edit_directory.php'>Edit Directory</a>)<br>
    <label for="employer">Employer: </label><input type='text' id='employer' /><br>
    <label for="position">Position: </label><input type='text' id='position' /><br>
    <label for="address">Address: </label><input type='text' id='address' /><br>
    <label for="email">Email: </label><a href=mailto:[email protected]><input type='text' id='email' value='[email protected]' /></a><br>
    <label for="phone">Phone: </label><input type='text' id='phone' /><br>
    <label for="fax">Fax: </label><input type='text' id='fax' />
</div>

CSS

.floatright
{
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #666;
    padding: 2px;
}