CodePen Embed - overflow

<div class="block block-1">
  <p>Це просто текст, не звертай уваги. Це просто дуже довгий текст, який просто є...</p>
</div>

<div class="block block-2">
  <p>Це просто текст, не звертай уваги. Це просто дуже довгий текст, який просто є...</p>
</div>

<div class="block block-3">
  <p>Це просто текст, не звертай уваги. Це просто дуже довгий текст, який просто є...</p>
</div>

<div class="block block-4">
  <p>Це просто текст, не звертай уваги. Це просто дуже довгий текст, який просто є...</p>
</div>

.block {
  border: 2px dotted #666;
  padding: 12px;
  margin-bottom: 56px;
  width: 275px;
/*   display: inline-block; */
  margin-right: 16px;
  height: 25px;
}

.block-1 {
  overflow: visible;
}

.block-2 {
  overflow: hidden;
}

.block-3 {
  overflow: scroll;
}

.block-4 {
  overflow: auto;
}

This Pen is owned by MichaelBondar on CodePen.

See more by @MichaelBondar on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.