JSFiddle - React, Tailwind, and code Playground

by strange_atom

HTML

<div id="footer"> 
        <div id="navigation">
              <a href="#">ОБО МНЕ</a>
              |
              <a href="#">ГАЛЕРЕЯ</a>
              |
              <a href="#">КОНТАКТЫ</a>
              |
              <a href="#">РАССКАЗАТЬ</a>
        </div>
        
        <div id="icon">
              <a href="#"><img src="images/fc.png"></a>
              <a href="#"><img src="images/vk.png"></a>
              <a href="#"><img src="images/tw.png"></a>
        </div>
</div>

CSS

#footer {
    text-align: center;
    width: inherit;
    height: 50px;
    bottom:0;
    position:fixed;
    background:blue;
}

a {
    text-decoration: none;
    color:#202020;
    font-size:11pt;
    font-family: courier;
}

#navigation {
    background:yellow;
    display: inline-block;
    line-height: 50px;
}

#icon {
    height: 20px;
    display: inline-block;
    background:green;
    vertical-align: middle;
}