first version

CHANGELOG.md

@@ -1,8 +1,8 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
-The format is based on [Keep a Changelog](https://keepachangelog.com/)
-and this project adheres to [Semantic Versioning](https://semver.org/).
+The format is based on [Keep a Changelog](https://keepachangelog.com/) and this
+project adheres to [Semantic Versioning](https://semver.org/).
 
 ## [0.1.0] - 2024-12-15
 First version

demo/index.html

@@ -9,22 +9,25 @@
     <h1>Horizontal menu</h1>
 
     <oom-menu>
-      <a href="#1">Link 1</a>
-      <a href="#2">Link 2</a>
-      <a href="#3">Link 3</a>
-      <a href="#4">Link 4</a>
-      <a href="#5">Link 5</a>
-      <a href="#6">Link 6</a>
-      <a href="#7">Link 7</a>
-      <a href="#8">Link 8</a>
-      <a href="#9">Link 9</a>
+      <a href="#1">Link one</a>
+      <a href="#2">Link two</a>
+      <a href="#3">Link three</a>
+      <a href="#4">Link four</a>
+      <a href="#5">Link five</a>
+      <a href="#6">Link six</a>
+      <a href="#7">Link seven</a>
+      <a href="#8">Link eight</a>
+      <a href="#9">Link nine</a>
     </oom-menu>
 
     <script type="module" src="script.js"></script>
 
     <style>
       oom-menu {
+        display: flex;
+
         a {
+          white-space: nowrap;
           font-family: system-ui;
           font-weight: bold;
           text-decoration: none;