JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
  <li><a href="https://aoeex.com/index.php" target="content">Home</a></li>
  <li><a href="https://aoeex.com/index.php?id=9" target="content">Page 2</a></li>
  <li><a href="https://aoeex.com/index.php?id=2" target="content">Page 3</a></li>
   </ul>
</nav>

<object class="content" name="content" type="text/html" data="https://aoeex.com/">
</object>

CSS

body, html { width: 100%; height: 100%; } 
nav { display: block; float: left; width: 9%; }
.content { display: block; margin-left: 10%; border: 1px solid black;  width: 90%; height: 100%; }