Edit in JSFiddle

#body1{width:100%;}
#body2{width:300px;}
.tab-wrapper{width: 100%; font-family: sans-serif;}
.tab-head .tab-label{
    display: inline-block;
    background-color: #e6e6e6;
    height: 35px;
    line-height: 35px;
    min-width: 50px;
    padding: 0px 20px;
    text-align: center;
    color: #878685;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 2px solid #c7c7c7;
    margin: 0px -5px -3px 0px;
}
.tab-head .tab-label:first-child{border-left: 0px;}

.tab-wrapper .tab-item,
.tab-content-container .tab-item:target ~ .tab-item{display: none;}
.tab-wrapper .tab-item{
    background-color: #fff;
    width: calc(100% - 40px);
    max-width: 100%;
    padding: 20px;
}
.tab-content-container .tab-item:target,
.tab-wrapper .tab-item:last-child{display: block;}

<div id="body1">
  <div class="tab-container">
    <div class="tab-wrapper">
        <div class="tab-head">
          <a class="tab-label" href="#tab-content1">Вкладка 1</a>
          <a class="tab-label" href="#tab-content2">Вкладка 2</a>
          <a class="tab-label" href="#tab-content3">Вкладка 3</a>
        </div>
        
        <div class="tab-content-container">
          <div class="tab-item" id="tab-content1">
          <p>Tab 1</p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
          </div>

          <div class="tab-item" id="tab-content2">
          <p>Tab 2</p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
          </div>

          <div class="tab-item" id="tab-content3">
          <p>Tab 3</p>
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
          </div>
        </div>

    </div>
  </div>
  
  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
   
</div>

<br/>

<div id="body2">
  <div class="tab-container">
    <div class="tab-wrapper">
        <div class="tab-head">
          <a class="tab-label" href="#tab-content1">Вкладка 1</a>
          <a class="tab-label" href="#tab-content2">Вкладка 2</a>
          <a class="tab-label" href="#tab-content3">Вкладка 3</a>
        </div>
        
        <div class="tab-content-container">
          <div class="tab-item" id="tab-content1">
          <p>Tab 1</p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
          </div>

          <div class="tab-item" id="tab-content2">
          <p>Tab 2</p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
          </div>

          <div class="tab-item" id="tab-content3">
          <p>Tab 3</p>
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
          </div>
        </div>

    </div>
  </div>
  
  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
   
</div>