JSFiddle - React, Tailwind, and code Playground

HTML

<footer id="footer-wrapper">
    <ul>
        <li><a>Irgendwas</a>
        </li>
        <li><a>Impressum</a>
        </li>
        <li><a><address>Erstellt von</address></a>
        </li>
    </ul>
    <ul id="socialmediaicons">
        <li><a><img src="bilder/icons/facebook.svg" width="30" height="30"></img></a>
        </li>
        <li><a><img src="bilder/icons/google+-with-circle.svg" width="30" height="30"></img></a>
        </li>
    </ul>
</footer>

CSS

#footer-wrapper {
    background-color: #6EA556;
    position:absolute;
    width: 75%;
    top: 125%;
    /* For demonstration at 0 */
    top: 0;
    left: 12.5%;
    font-size: 85%;
}
ul {
    margin:0;
    padding:0;
}
ul li {
    list-style:none;
}
ul li a {
    text-decoration:none;
    float:right;
    display:table-cell;
    padding:15px 30px 15px 0;
    font-family: Verdana;
    color: black;
}
footer ul li a {
    color: #F6FAF3;
}
#socialmediaicons ul li a img {
    padding: 10px 0 0 10px;
    float: left;
    display: table-cell;
}
ul li a:hover {
    color:grey;
}
address {
    font-style: normal;
}
#socialmediaicons ul li a img {
    padding: 10px 0 0 10px;
    float: left;
    display: table-cell;
}