[![enter image description here][1]][1]The body content is showing below the sidebar instead of in the middle. I'm relatively new to web implementing sidebar and I'm not sure where I have gone wrong. I want my body to be in the middle of the page (next to the sidebar and below the top bar)

```html
<body bgcolor="#ffffff" style="margin-left:0px; margin-right:0px; margin-top:0px;">
  <div>
    <div class="row">
      <div class="column">
        <img src="logo.png" height="20%" style="width:100%;">
      </div>
      <div class="column">
        <img src="1.png" height="12.5%" style="width:900%">
      </div>

      <div class="topnav" style="; width:90%; height:12.5% margin-left:10%">
        <a style="padding:12px;" href="home.html">Home</a>
        <a style="padding:12px;" class="active" href="tutorials.html">Tutorials</a>
        <a style="padding:12px;" href="fitness.html">Fitness</a>
        <a style="padding:12px;" href="fashion.html">Fashion</a>
      </div>
    </div>

    <h1 style="margin:0px;padding-top:5px; padding-bottom:5px; background-color:#000000; width:10%; color: #cbcbfd; font-family:fantasy;; font-size:1.2em;">C</h1>
    <h1 style="margin:0px;padding-top:5px; padding-bottom:3px; background-color:#000000; width:10%; color: #b6b6fc; font-family:serif; font-size:1em;">&nbspGetting Started</h1>
    <div class="sidenav" style="width:10%; ">
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">Why C</a>
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">History of C</a>
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">Features of C</a>
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">Installing C</a>
    </div>

    <h1 style="margin:0px;padding-top:15px; padding-bottom:3px; background-color:#000000; width:10%; color: #b6b6fc; font-family:serif; font-size:1em;">Something</h1>
    <div class="sidenav" style="width:10%; ">
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">A</a>
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">B</a>
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">C</a>
      <a style="color:#9898fb; font-family:serif; font-size:0.75em;padding:3px;padding-left:20px" href="">D</a>
    </div>

  </div>

  <p style="center:15%;">Why</p>
</body>
```

[![](https://i.stack.imgur.com/bfrSc.png)](https://i.stack.imgur.com/bfrSc.png)

Updated Error <https://ibb.co/ThhbbWk>