Untitled

<doctype html>
<html lang="en">
<html>
<head>
<meta charset="utf-8">
<title>Sidebox Test</title>
<link href="MainStyleSheet.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="img/logo.png">
</head>
<body>
<div>
<script src="nav2.js"></script>
</div>
<br>
<div class="book">
<h3 class="articletitle">Test Article</h3>
<div>
<table class="infobox" style="line-height: 1.5em;">
<tbody><tr>
<th colspan="2" class="infobox-head">Test Infobox</th></tr>
<tr><td colspan="2" class="infobox-subheader">The Greatest Desert</td></tr>
<tr><td colspan="2" class="infobox-image"><a href="img\landscapes\Meadows\6.jpg" class="image"><img src="img\landscapes\Meadows\6.jpg" decoding="async" width="272" height="147"  /></a><div class="infobox-caption">Example biome</div></td></tr>
<tr><th scope="row" class="infobox-label">Length</th><td class="infobox-data">4,800&#160;km (3,000&#160;mi)</td></tr>
<tr><th scope="row" class="infobox-label">Width</th><td class="infobox-data">1,800&#160;km (1,100&#160;mi)</td></tr>
<tr><th scope="row" class="infobox-label">Area</th><td class="infobox-data">9,200,000&#160;km<sup>2</sup> (3,600,000&#160;sq&#160;mi)</td></tr>
<tr><th colspan="2" class="infobox-header" style="background-color: #e7dcc3;">Naming</th></tr>
<tr><th scope="row" class="infobox-label">Native name</th><td class="infobox-data nickname"><span title="Arabic-language text"><i lang="ar">sa'hra</i></span>&#160;&#160;<span class="languageicon" style="font-size:100%; font-weight:normal">(<a href="/wiki/Arabic_language" class="mw-redirect" title="Arabic language">Arabic</a>)</span></td></tr>
</tbody>
</table>
</div>
<div class="regionmapcontianer">
<iframe class="regionmap" src="maps/regionmap.html#25.56734,0.01554,4z" name="world_map" title="Eyom World Map"></iframe>
</div>
<h4 class="articlesubtitle">Some Text</h4>
<p>Okay so there should be a div and a sidebar here. There should be a map below the sidebar.</p>
<be>
<p>Lorem ipsum dolor sit amet, ius quot natum porro te, blandit concludaturque duo te, illud nostrud phaedrum cum id. Vitae intellegat vel ne, et falli percipitur philosophia eam. No sed error accumsan. His ea quot copiosae constituam, putent malorum nam cu. Porro nobis cotidieque sea ei, ne nec causae appetere laboramus.</p>

<p>Cu patrioque constituam has. Oblique assentior id pro, eum ea elaboraret suscipiantur, ea nulla commune sensibus sed. Eam et molestie periculis prodesset, cum illum possim indoctum cu. At quo utamur periculis democritum, quod purto rationibus at vim, ut justo recusabo cum. Tempor deseruisse interpretaris ea ius, ad esse vidisse facilisis usu.
Pri te harum oportere, id numquam mediocrem neglegentur cum. At agam lorem vix. His an iriure scaevola, duo everti mollis ad. Sea elitr temporibus scribentur in, mei reque porro nulla no, te vide maiorum mea. Veri temporibus at mei.
<p>ANd below this should be a colpaseable list.</p>

<div>
<button type="button" class="collapsible">Settlments in Region</button>
<div class="content">
<ul class="articlelist">
<li><a class="articlelink" href="LilgapFtugmergNodlæ.html">Lilgap Ftugmerg Nodlæ</a></li>
<li><a class="articlelink" href="LilgapYl-40sZebro.html">Lilgap Yl-40s Zebro</a></li>
<li><a class="articlelink" href="QěwZălBirěkhka.html">Qěw Zăl Birěkhka</a></li>
<li><a class="articlelink" href="FìkhFr-7nBehǐm.html">Fìkh Fr-7n Behǐm</a></li>
<li><a class="articlelink" href="En-21fAlBirěkhka.html">En-21f Al Birěkhka</a></li>
<li><a class="articlelink" href="WæmChyěKazhìKìmsi.html">Wæm Chyě Kazhì Kìmsi</a></li>
<li><a class="articlelink" href="Qinto-ǐcěBirěkhka.html">Qinto-ǐcě Birěkhka</a></li>
<li><a class="articlelink" href="WæmXe-93hBepyǐjĭ.html">Wæm Xe-93h Bepyǐjĭ</a></li>
<li><a class="articlelink" href="FìkhDěZæfǐ.html">Fìkh Dě Zæfǐ</a></li>
</ul>
</div>
</div>

Text Added via update should be below this text.
<p class="AutoUpdateTag">History<p>


<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    }
  });
}
</script>
</body>