JSFiddle - React, Tailwind, and code Playground

by Ruben Geert van den Berg

HTML

<div id="footer">
	<ul>
		<li><a href='#'>Some Link</a></li>
        <li><a href='#'>Some Link</a></li>
        <li><a href='#'>Some Link</a></li>
        <li><a href='#'>Some Link</a></li>
        <li><a href='#'>Some Link</a></li>
	</ul>
</div>

CSS

body{
margin:0;
}

#footer{
border-top:.1em solid #888;
font:normal 18px arial;
width:100%;
position:absolute;
bottom:0;
background:#ddd;
text-align:center;
vertical-align:bottom;
}

#footer ul{
display:inline-block;
list-style:none;
margin:0;
}

#footer li{
float:left;
}

#footer a{
color:#444;
text-decoration:none;
display:block;
border-right:.1em solid #888;
padding:.5em 1em;
}

#footer li:last-child a{
border:none;
}

#footer a:hover{
color:#111;
}