JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <div class="left">
        <ul>
            <li><a href="#">Правила пользования</a></li>
            <li><a href="#">Политика безопасности</a></li>
            <li><a href="#">Связаться</a></li>
        </ul>
    </div>
    <div class="right">
        <ul>
            <li><a href="#">Приложение для iPhone</a></li>
            <li><a href="#">Приложение для Android</a></li>
        </ul>
        <p>2013 © fff</p>
    </div>
</footer>

CSS

footer{
    width:600px;
    height:150px;
    overflow:hidden;
}
ul{
    list-style-type:none;
    padding:0;
}
li{
    
}
.left,.right{
    width:50%;
    height:100%;
}
.left{
    float:left;
    background:#ECF0F1;
    text-align:right;
    padding:20px 0 20px;
}
.left ul{
    margin-right:30px;
}
.right{
    float:right;
    background:#BDC3C7;
    padding:30px 0 30px;
}
.right ul,.right p{
    margin-left:30px;
}