Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
html,
body {
width: 100%;
height: 100%;
}
body {
border: 1px solid #666;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p {
font: 16px sans-serif;
margin: 0;
padding: .5em;
}
ul {
font: 14px monospace;
list-style: none;
margin: 0;
padding: .5em;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #9289d6;
}
li {
display: inline-block;
margin: 0;
padding: 0.5em;
background: #fff;
}
@media screen and (orientation: portrait) {