<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: 26px;
  width: 100px;
}

.block-1 {
  overflow-x: visible;
}

.block-2 {
  overflow-x: hidden;
}

.block-3 {
  overflow-x: scroll;
}

.block-4 {
  overflow-x: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.