Cum sa fac Box Scrolling in care sa adaug text

Exemplu cu text html

Box Scrolling este utila atunci cand dorim sa introducem un text de dimensiune mare si nu avem spatiu suficient sau atunci cand dorim sa introducem o alta casuta in acea cutie cu meniu derulant.

Pentru a crea un Box Scrolling (cutie de defilare) urmeaza pasii de mai jos:

• Mai jos este codul html pentru Box Scrolling cu cod html (vezi imaginea de mai sus).

Selecteaza codul html de mai jos:

<div style="height: 200px; overflow: auto; width: 250px;"> <div align="center" class="style36"> Textul tau html aici</div> </div>

• Acum se introduce textul  acolo unde scrie "Textul tau aici"
• Daca doresti poti sa  schimbi dimensiunea casutei asa cum doresti (height - inaltime si width - latime).

In textul de mai sus height: 200px si width: 250px se modifica doar cifrele cu rosu.

Exemplu cu text

Titlul tau aici.Titlul tau aici.Titlul tau aici. 

       Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici . Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici .

• Mai jos este codul html pentru Box Scrolling cu text

Selecteaza codul html de mai jos:
<div style="height: 150px; overflow: auto; width: 250px;"> <div align="center" class="style36"> <h3> <span style="color: red;"><span style="font-size: 16px; text-align: start;"> Titlul tau aici.Titlul tau aici.Titlul tau aici.</span> </span></h3> <span style="color: red;"><br /></span></div> <div class="style35"> <i><b><span style="color: black;"><span class="style28"></span>       Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici . Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici. Textul tau aici .</span></b></i></div> <div class="style35"> </div> </div>