JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<head>
  <meta charset="utf-8">
  <style>
    .container {
      border: 1px solid black;
      position: relative;
    }

    .content {
      margin-left: 35px;
    }

    .toggler {
      background: #EEE url(https://js.cx/height-percent/arrow_left.png) center center no-repeat;
      border-right: #AAA 1px solid;
      width: 30px;
      position: absolute;
			/* Начало */
      left: 0;
      top: 0;
      cursor: pointer;
			bottom: 0; 
			/* Конец */
    }

    p {
      font-size: 80%;
    }
  </style>

</head>

<body>

  <div class="container">
    <div class="toggler"></div>
    <div class="content">
      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>

      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
    </div>
  </div>

</body>