JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dashboard">
            <div id="site-description">
                <h1>
                    <a href="/" title="Board index">
                        <img src="http://deskthority.net/styles/deskthority_blue/imageset/logo.png" width="388" height="74" alt="" title="">
                    </a>
                </h1>
               <p>input devices extraordinaire</p>
            </div>
        </div>

CSS

#dashboard {
    background-image: url("http://deskthority.net/styles/deskthority_base/theme/images/dashboard1.jpg");
}

#site-description {
    margin-top: 30px;
    margin-left: 32px;
    position: absolute;
    white-space: nowrap;
    
}

#site-description p {
    font-size: 1.0em;
    color: white;
}

#dashboard {
    width: 980px;
    height: 190px;
    margin: auto;
    position: relative;
    background-repeat: no-repeat;
}

h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-right: 20px;
    color: white;
    margin-top: 15px;
    font-weight: bold;
    font-size: 0;
}