<div class="container">
<ul class="menu">
  <li class="item">
    <a href="">test1</a>
  </li>
    <li class="item">
    <a href="">test2</a>
  </li>
    <li class="item">
    <a href="">test3</a>
  </li>
    <li class="item">
    <a href="">test4</a>
  </li>
    <li class="item">
    <a href="">test5</a>
  </li>
</ul>
<ul class="content" id="viewer">
  <li>
    <h2>test1</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
  </li>
    <li>
    <h2>test2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
  </li>
    <li>
    <h2>test3</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
  </li>
    <li>
    <h2>test4</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita rerum voluptates, sequi autem sint cupiditate a nihil quae rem ullam dolorem maiores corrupti laborum earum possimus, accusamus voluptate dicta veritatis!</p>
  </li>
</ul>
</div>

.container{
  display: flex;
}
.menu{
  width:15%;
  list-style-type:none;

}
.item a{
  color:8C8757;
}

.content{
  width:85%;
}

.content li::nth-child(odd){
  background-color:#8C8475;
}
h2{
  color:#8C6D8A;
}