Kód: Vybrať všetko

<style>
.menu{
width: 300px; 
margin: 0; padding: 0;
display: inline-block;
vertical-align: top;
}
.content{
width: 600px;     
margin: 0; padding: 0;       
display: inline-block;
vertical-align: top;
}
</style>

  <div class='menu'>
  <ul>
  <li><a href='#'>menu 1</a></li>
  <li><a href='#'>menu 2</a></li>
  <li><a href='#'>menu 3</a></li>
  </ul>
  </div>
  <div class='content'>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut ante at lectus laoreet laoreet. Fusce sed odio ut augue accumsan tincidunt. Vestibulum pulvinar luctus suscipit. Sed bibendum, orci eu euismod volutpat, leo diam laoreet magna, nec euismod turpis enim sit amet nunc. Vivamus pretium lectus ut neque fermentum eget aliquam nisl suscipit. Nulla facilisis mattis risus, in faucibus nisi feugiat eget. Mauris non elit eros. Nullam iaculis mi sit amet eros rutrum congue. Donec non ipsum in justo tincidunt pretium. Nunc ipsum mauris, euismod sit amet viverra eget, fringilla et leo. Sed in vestibulum nibh. Etiam fringilla, lorem in tristique ullamcorper, justo massa vestibulum lectus, sit amet tincidunt lorem mauris quis nunc. Vivamus gravida porta erat, ut tempor orci dapibus ut.
  </div>