<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

<p class="uc-nokta">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
p
  width: 250px
  border: 1px solid #d2d2d2
  padding: 15px
  position: relative
  
  &:before
    content: 'Önceki'
    position: absolute
    right: -6px
    top: 15px
    transform: rotate(270deg)
    font-size: 11px
    color: red
  
  &.uc-nokta
    overflow: hidden
    text-overflow: ellipsis
    white-space: nowrap
    
    &:before
      content: 'Sonraki'

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.