<!DOCTYPE html>
<html>
<head>
<link data-require="foundation@*" data-semver="5.5.0" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/css/foundation.min.css" />
<script data-require="foundation@*" data-semver="5.5.0" src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/vendor/placeholder.js"></script>
<script data-require="foundation@*" data-semver="5.5.0" src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/vendor/fastclick.js"></script>
<script data-require="foundation@*" data-semver="5.5.0" src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/vendor/jquery.cookie.js"></script>
<script data-require="foundation@*" data-semver="5.5.0" src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/foundation.min.js"></script>
<script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script data-require="modernizr@*" data-semver="2.6.2" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<ul class="show-for-small-only">
<li class="display">Hello Plunker!</li>
<li class="display">Goodbye Plunker</li>
<li class="display">Shonuf Plunker</li>
</ul>
</body>
</html>
// Code goes here
/* Styles go here */
.display {
display: inline-block;
}