JSFiddle - React, Tailwind, and code Playground

by NGLN

HTML

<div id="header">
        <span><h1>Name of Website Here</h1></span>
        <span><h3>Call Today!<br /><span>(xxx) xxx-xxxx</span></h3></span>
        <div><span><p>123 Main St.<br />City, State, Zip</p></span></div>
    </div>

CSS

#header,
#header>div {
    height:141px;
    background:#ccc;
    line-height:141px;
}
#header>span,
#header>div>span{
    display:inline-block;
    line-height:0;
    vertical-align:middle;
}
#header>div {
    float:right;
}
#header h1 {
    font-size:1.7em;
    width:200px;
    text-align:center;
    line-height:26px
}
#header h3 {
    text-align:center;
    color:#e62520;
    font-size:1.7em;
    line-height:26px;
    font-style:italic;
    margin-left:95px
}
#header h3 span {
    font-size:1.2em;
}
#header p {
    color:#2a5091;
    font-size:1.3em;
    font-style:italic;
    font-weight:bold;
    line-height:20px;
    text-align:right;
}