JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <table class="table_on_the_left">
        <tr>
            <td width="100px">
             <img src="https://docs.google.com/uc?export=download&id=1Jcdz89xbZE8im8n-51WUG7C7Mn4jmmei" alt="ROSE | DVLPMNT"></td>
        </tr>
    </table>
       <table class="table_on_the_right">
        <tr>
        <td>
        <p>
        <img src="https://docs.google.com/uc?export=download&id=1OsFvBcZdavyovlmq8XjRFYe03UZIzwGS" height="25px";>
        <br>
        <span style="font-size: 12pt; color: #004B85; font-weight: bold;">James Rose</span>
        <br>
        <span style="font-size: 8pt; color: #004B85; letter-spacing: 1px;">CEO</span>
        <br>
        <span class="one">435-729-9449</span>
        <br>
        <a href="mailto:[email protected]"; class="one";>[email protected]</a>
        <br>
        <a href="www.rosedevelopment.com"; class="one";>www.RoseDevelopment.com</a>
        </p>
        </td>
        </tr>
    </table>
</div>

CSS

table.table_on_the_left {
    display:inline;
    position:left;
    float:left;
}
table.table_on_the_right {
    height: 125px;
    position:left;
    line-height:105%;
}
#wrap {
    display:inline;
    width: 250px;
    margin: 0 auto;
}
span.one {
  font-size: 8pt;
  color: #004B85;
  text-decoration: none;  
  letter-spacing: 1px;
}
a.one {
  font-size: 8pt;
  color: #004B85;
  text-decoration: none;
  letter-spacing: 1px;
}