css resize - vertical

css resize - vertical

by fatihhayri

HTML

<div class="siir">

<h2>İlim İlim Bilmektir</h2>

<p>İlim ilim bilmektir <br />
İlim kendin bilmektir <br />
Sen kendin bilmezsin <br />
Ya nice okumaktır </p>

<p>Okumaktan murat ne <br />
Kişi Hak'kı bilmektir <br />
Çün okudun bilmezsin <br />
Ha bir kuru ekmektir </p>

<p>Okudum bildim deme <br />
Çok taat kıldım deme <br />
Eğer Hak bilmez isen <br />
Abes yere gelmektir </p>

<p>Dört kitabın mânâsı <br />
Bellidir bir elifte <br />
Sen elifi bilmezsin <br />
Bu nice okumaktır </p>

<p>Yiğirmi dokuz hece <br />
Okursun uçtan uca <br />
Sen elif dersin hoca <br />
Mânâsı ne demektir </p>

<p>Yunus Emre der hoca <br />
Gerekse bin var hacca <br />
Hepisinden iyice <br />
Bir gönüle girmektir</p>
<p>Yunus Emre</p>
</div>

CSS

.siir{
    width: 170px;
    height: 200px;
    resize: vertical;
    overflow: hidden;
    position: relative;
    padding: 0 25px;
    border: 1px solid #DDD;
    font-family: georgia, serif;
}

h2{
    font-weight:bold;
    margin:10px 0;
    font-size:1.5em;
}

p{
    margin:10px 0;
}