<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod dolore maxime commodi, facilis eveniet vero molestias dolores, id dignissimos perferendis natus neque mollitia omnis quam, ducimus dolorum beatae animi, qui.</p>
</div>
<div class="kapsul">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
@import url(https://fonts.googleapis.com/css?family=Open+Sans)
body
font: 1em/1.2em 'Open Sans', sans-serif
div
margin: 30px
width: 350px
&.kapsul
overflow: hidden
display: -webkit-box
-webkit-line-clamp: 2
-webkit-box-orient: vertical
p:before
content: 'Sonraki'
p
position: relative
padding: 0 20px
margin: 0
&:before
content: 'Önceki'
position: absolute
right: -6px
top: 15px
transform: rotate(270deg)
font-size: 11px
color: red
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.