cara membuat scroll sederhana untuk berbagai fungsi

Cara membuat scroll sederhana dengan berbagai fungsi sangat lah mudah anda cukup mengikuti referensi di bawah ini

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #B20000">

silahkan anda isi apa saja di dalam kotak scroll tepat di tulisan merah ini

</div>




Note:

 tulisan berwarna biru adalah ukuran tinggi dan lebar scroll, anda bisa menggantinya dengan ukuranyang anda inginkan dengan merubah angkanya

 tulisan berwarna Kuning ialah warna tulisan nya, anda bisa menggantinya dengan warna yang anda inginkan

 tulisan berwarna merah ialah ini dari kotak scroll anda bisa menggantinya dengan tulisan berupa tulisan biasa atau kode script atau html dan lainnya




contoh

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #B20000">

Aku

Pergi

kepasar

naik

sepeda 

motor

dari

rumah

sekitar

jam

5 subuh

untuk

membeli

makanan

karena

perutku

lapar

</div>
Aku
Pergi
kepasar
naik
sepeda 
motor
dari
rumah
sekitar
jam
5 subuh
untuk
membeli
makanan
karena
perutku
lapar
 atau seperti ini
<div style="overflow:auto;width:400px;height:200px;padding:10px;border:1px solid #B20000">
<a href="www.referensi.org">website1</a>
<br />
<a href="www.referensi.org">website2</a>
<br />
<a href="www.referensi.org">website3</a>
<br />
<a href="www.referensi.org">website4</a>
<br />
<a href="www.referensi.org">website5</a>
<br />  
<a href="www.referensi.org">website6</a>
<br />
<a href="www.referensi.org">website7</a>
<br />
<a href="www.referensi.org">website8</a>
<br />
<a href="www.referensi.org">website9</a>
<br /> 
</div>
website1 website2  website3   website4  website5  website6
website7 website8 website9