<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="c-footer text-center"> <div class="c-footer__logo"> <img src="http://dynamicdog.se/wp-content/themes/dynamicdog/img/logo.png"> </div> <span class="c-footer__link"> <a href="#">Malmö</a><span> - </span> </span> <span class="c-footer__link"> <a href="#">Stockholm</a><span> - </span> </span> <span class="c-footer__link"> <a href="#">Malmö</a><span> - </span> </span> <span class="c-footer__link"> <a href="#">Stockholm</a><span> - </span> </span> <span class="c-footer__link"> <a href="#">Malmö</a><span> - </span> </span> <span class="c-footer__link"> <a href="#">Stockholm</a> </span> </div>

.c-footer { background: #000; padding: 20px 0; color: #fff; } .c-footer__logo { display: inline; } .c-footer__link { color: inherit; } .c-footer__link a { color: inherit; } .c-footer__link a:hover { color: #fff; }