<main>
  <aside>
    <ul>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
      <li><a href="">link</a></li>
    </ul>
  </aside>
  <article>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus vel placeat maiores, illum debitis rem rerum odit dolores nisi unde veritatis aspernatur facilis, recusandae porro est ex ea non aliquam.</p>
    <p>Consequuntur, perspiciatis officiis vitae unde sint distinctio commodi incidunt adipisci molestiae, id et esse. Officia quisquam autem voluptatum quas, cumque illo velit optio, sunt dolorum dicta, delectus perferendis soluta aspernatur?</p>
    <p>Eveniet dicta porro provident quidem sed doloremque dolores enim quia facere, adipisci esse corrupti quae alias reprehenderit sapiente suscipit consectetur cupiditate voluptatum nihil totam. Dolor cupiditate saepe eveniet architecto distinctio.</p>
    <p>Illo nostrum ipsum sed beatae iure optio sunt autem a aut. Quis, ut laborum cum impedit vero aspernatur facilis facere laboriosam, doloribus error alias fuga. Error adipisci ratione illum consequatur.</p>
    <p>Rerum earum fugiat autem, esse fuga minus maxime incidunt nobis, dolor aliquam cum, ipsum laboriosam officiis accusantium in nihil quae libero debitis. Corrupti, molestiae. Distinctio delectus enim cum consectetur ex.</p>
    <p>Amet culpa possimus quo dignissimos nisi consectetur tempora quidem aut asperiores fuga quaerat, inventore tempore cumque exercitationem molestiae maxime veniam repudiandae nesciunt quam ea? Sit facere accusamus libero explicabo quos.</p>
    <p>Error, doloremque. Et, similique dolor dolorem ratione quia perspiciatis soluta reprehenderit eius asperiores. Omnis consequatur rem dolorem laudantium ea nam quos voluptatum eaque, vero nostrum ipsa sit eveniet nemo! In.</p>
    <p>Nostrum reiciendis delectus, magni odit nemo nesciunt dolorum provident iure expedita blanditiis, quo deleniti natus dicta corporis sapiente voluptatibus rem beatae officiis quod, non explicabo quas aperiam exercitationem error. Accusantium.</p>
    <p>Repellendus suscipit libero placeat sequi tempora. Placeat, neque praesentium! Eos, quas optio, laborum praesentium corporis accusamus alias ad mollitia suscipit exercitationem numquam, molestiae nesciunt totam commodi libero facere. Velit, itaque!</p>
    <p>Tempora neque culpa nobis ducimus, quaerat aut fugit praesentium animi. Libero eaque qui asperiores? Recusandae eveniet reiciendis ducimus est nobis hic, eum ullam corrupti suscipit pariatur eos. Sequi, accusantium nihil.</p>
  </article>
</main>

main {
  display: flex
}

aside {
  width: 100px;
  margin-right:30px;
}