created: 20211020225208805
modified: 20211020225215122
tags: 
title: SRDNav

<style>
.navbar li {
  position:relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  margin-left: -40px;
}

.dropdown-content {
  display: none;
  padding: 0;
  border: none;
  background: none;
  margin-left:11px;
  text-align: left;
}

.dropdown {
  padding: 0;
  border: none;
  background: none;
}

.dropdown:focus ~ .dropdown-content {
  display: block;
}
</style>
<ul class="navbar">
<li><button class="dropdown">&#x23F5;[[Home|SQPFSRD]]</button>
<button class="dropdown-content">&#x23F5;[[One|SQPFSRD]]<br>&#x23F5;[[Two|SQPFSRD]]</button></li>
<li><button class="dropdown">&#x23F5;[[Character Advancement]]</button>
<button class="dropdown-content">&#x23F5;[[Three|SQPFSRD]]<br>&#x23F5;[[Four|SQPFSRD]]</button></li>
</ul>