Appropriate HTML5 navigation element can be used safely because unstyled
MSIE versions does not support columns. Column number hardcoded to enable
center-alignment.
right: 1em;
}
+#index nav {
+ columns: 3;
+ -moz-columns: 3;
+ -webkit-columns: 3;
+}
+nav > .section {
+ break-inside: avoid;
+ -webkit-column-break-inside: avoid; /* webkit */
+ page-break-inside: avoid; /* moz */
+}
+
/* printing hints */
@page {
}}
:>
+<nav>
<div class="section">
<h2>Keyboard maps</h2>
<ul>
<li><a href="/emoji">emoticons</a>
</ul>
</div>
+</nav>