JSFiddle - React, Tailwind, and code Playground

HTML

<body>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>
x<br>

<div id="footer">
<div id="copyright">
© 2016 copmpany
</div>
<div id="linkedin">
    Follow us on <a href="https://www.linkedin.com/">
<img alt="LinkedIn" src="http://i.imgur.com/DqA6suH.png">
</a>
</div>
</div>

</body>

CSS

body{
  background:#fff;
  height:1000px;
}
#footer{
  background: #F3F5F6;
  position: fixed;
    width: 100%;
    height: 30px;
    //margin-top: 1%;
    padding:20px;
    bottom: 0px;
    //top:99%;
}
#copyright{
  float: left;
  font: normal normal normal 12px/1.3em Arial,'ms pgothic',helvetica,sans-serif;
    color: #616060;
    margin-left: 15%;
}
#linkedin{
  float: right;
  margin-right: 15%;
  color: #043551;
  font: normal normal normal 20px Arial,'ms pgothic',helvetica,sans-serif;
}