JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<head>

    <style type="text/css">
       .wrapper {
        margin:0 auto;
        width:400px;
        min-height:300px;
        border:1px solid #DDD;
        }
        .top {
        height:40px;
        width:auto;
        border:1px solid #FCC;
        background:url("http://www.akvadekor.com/images/twitter-logo.png") 15px 8px no-repeat; /*druga i treća brojka služe za pozicioniranje slike*/
        clear: both;
        display: block;
        }
                .logo {
                float:left;
                width:150px;
                height:20px;
                margin-left:125px;
                margin-top:8px; /*samo da ljepše izgleda*/
                border:1px solid #888;   
         }                    
                .soc {
                float:right;
                width:50px;
                height:20px;
                border:1px solid #765;
                margin-top:8px;        /*samo da ljepše izgleda*/
        }            
   
    </style>

    
</head>

<body>
    <div class="wrapper">
        <div class="top">
            <div class="logo">
                
            </div>
            
            <div class="soc">
            </div>

        </div>
        <div class="content">
            
        </div>
    </div>
</body>

</html>