<!--HTML--><div class='character'> 
  <div class="charabout">
    <img class="charpic" src="image png">
    <div>Информация</div>
    <div>Имя</div>
    <div>Статус</div>
    <div>Как давно в Казани</div>
    <div>Коротко о себе<br>ваш текст</div>
  </div>
  <div class="tabs">
    <div class="tab">
      <input type="radio" id="tab1" name="tab-group" checked>
      <label for="tab1" class="tab-title" title="список эпизодов">Я в Казани</label>
      <section class="tab-content">
        <p class="finep" title="завершён"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="actep" title="активен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
        <p class="froep" title="заморожен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p>
      </section>
    </div>
    <div class="tab">
      <input type="radio" id="tab2" name="tab-group">
      <label for="tab2" class="tab-title" title="отношения">Близкие и не очень</label>
      <section class="tab-content">Два</section>
    </div>
    <div class="tab">
      <input type="radio" id="tab3" name="tab-group">
      <label for="tab3" class="tab-title">Слоганы</label>
      <section class="tab-content">
        

      </section>
    </div>
    <div class="tab">
      <input type="radio" id="tab4" name="tab-group">
      <label for="tab4" class="tab-title">Подарки и награды</label>
      <section class="tab-content">
        <img src="https://forumstatic.ru/files/0017/ac/82/95286.png" title="подарок">
        
      </section>
    </div>
  </div>
</div>