JSFiddle - React, Tailwind, and code Playground

by bfelda

HTML

<table class="wrap">
<tr>
    <th><h1>Design Your Bag</h1></th>
</tr>
<tr>
    <th><img src="//lh5.googleusercontent.com/-9a3IFgwp8bY/AAAAAAAAAAI/AAAAAAAAAAA/MPEe1NaJ3Es/s64-c/photo.jpg" alt="logo"></th>
</tr>
<tr id="right">
    <th>
        <h2>
            <a href="#"
            ><span class="glyphicon glyphicon-phone-alt" aria-hidden="true">
                
            </span>
            </a>&nbsp;&nbsp;Live Help!</h2>
    <h4>(202)-629-3053</h4>
    <h4><a href="mailto:[email protected]" subject="Contact and Order Information">[email protected]</a></h4></th>
</tr>
</table>

CSS

.wrap {
    width: 100%;
    display: table;
    height:100px;
}
.wrap tr {
    width:30%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    margin: 20px;
    border:1px solid black;
    line-height: 100px;
}