JSFiddle - React, Tailwind, and code Playground

HTML

<a
    name="top">
</a>

<div id="header">

    <div id="logo">
        }{ carlos temper }{
    </div>


    <div id="rechts">

    <p align="center">
        <a
            href="mailto:[email protected]" target="_blank">
            <img src="images/mail5.png" width="44" height="44" border="0px
            "alt="mail" />
        </a>

        &nbsp;
        <a
            href="http://www.facebook.com/carlostemper.band" target="_blank">
            <img src="images/fb4.png" width="40" height="40" border="0px"
            alt="facebook" />
        </a>

        &nbsp;
        <a
            href="http://www.youtube.com/channel/UC4e1tZTFmjaKt7u5fl1sXjg" target="_blank">
            <img src="images/yt3.png" width="40" height="40" border="0px"
            alt="youtube" />
        </a>
    </p>

    </div>

</div>

CSS

body {
    height: 100%;
}

* {
    padding: 0;
    font-family: Dawning of a New Day, cursive;
    color: black;
    border-color: white;

}

hr {
    color: #ffcccc;
    background-color: #ccccff;
    height: 1px;
    border-color: transparent;
}

#header {
    position: relative;
    width: 900px;
    height: 100px;

}

#logo {
    position: relative;
    float: left;
    margin: 0em 0em 0em 1em;
    font-size: 38pt;

}

#rechts {
    position: relative;
    float: right;
    margin: 1em 4em 0.8em 2em;

}